Функциональность jQuery не работает после запроса POST

Question

У меня есть этот простой select элемент, который обернут в форму:

<form id="createSomething" method="post" action="/same_page.php">
    <select id="selectService" class="form-control mt-2" name="service">
        <option selected value="a">Select...</option>
        <option value="b">Something</option>
    </select>
    <button type="submit">Submit</button>
</form>

Этот код jQuery работает нормально, когда я первоначально загружаю страницу с помощью GET запроса:

$(function(){
    $("#selectService").on("change", function() {
    window.alert( "TEST" );
    });
});

Но когда я отправляю форму через запрос POST (загружается та же страница с тем же jQuery),

мой jQuery больше не работает. Почему это так и как я могу заставить его работать?

Answer 1

Попробуйте:

$(document).on("change", "#selectService", function() {
    window.alert( "TEST" );
    });

Может быть, это ответ, насколько я понимаю, ваше требование.