AJAX: неопределенный индекс после сериализации

Question

У меня проблема с AJAX. Я хочу отправить полученное значение с помощью формы, а затем сделать что-то с этим значением в моем PHP-скрипте.

Но у меня всегда есть "неопределенный индекс", и я не понимаю, почему.

Моя форма:

<form target="../app/DisplayController.php" method="post" class="form-group month-chose col-6 mx-auto" id="form-month"> 
        <select class="form-control" id="month" name="month">
            <option value=''>Chose :</option>
            <?php foreach($viewVars[2] as $result): ?>
                <option value='<?=$result->getId();?>'><?=$result->getMonth();?></option>
            <?php endforeach; ?>
        </select>
        <button class="btn btn-success mt-3">Ok</button>
</form>

Вот мой JS-код:

$('.month-chose').on('submit', function(){
            event.preventDefault();
            var answers = $('#form-month').serialize();
            console.log(answers);
            $.ajax({
                method : 'POST',
                url : '../app/inc/chose-month.php',
                data: answers,
                success: $('.month-chose').load('../app/inc/chose-month.php')
            });
        })

Мои данные в порядке, мой consol.log возвращает "month = 2".

А вот и мой тестовый скрипт PHP (selected-month.php):

<?php
echo 'Hi I'm ' . $_POST['month']; ?>

Когда я загружаю шаблон, у меня появляется этот знаменитый "месяц: неопределенный индекс".

Спасибо за помощь!