изменения не запускаются после отправки формы

Question

я столкнулся со странной проблемой, которую я не знаю, с чего начать отладку

У меня есть форма на странице php с 2 полями выбора. Первый виден постоянно, другой отображается и заполняется после изменения первого.

  $(document).ready(function() {
  $("#year").on("change",function(){
    //Getting Value
    var selValue = $("#year :selected").val();

    $.ajax({
            url:'/allsites-monthly/'+selValue,
            type: "GET",
            dataType: "json",
            beforeSend: function(){
                $('#loader').css("visibility", "visible");
            },

            success:function(data) {

                $('#month').css("display", "inline");   

                $('select[name="month"]').empty().append('<option   value="0"> Chose month</option>');
                $.each(data, function(key, value){
                    $('select[name="month"]').append('<option value="'+   value + '">'+ value +'</option>');

                });  
                $('#submit').css("display", "inline");                  
            },
            complete: function() {                    
                $('#loader').css("visibility", "hidden");

            }

        });
   }); 
});

Код работает, но после того, как я отправляю форму и страница обновляется, ничего не происходит, когда я пытаюсь изменить первое поле выбора. Я должен вручную обновить страницу, чтобы сработало событие изменения. Ничего не отображается в консоли. После отправки формы я бы хотел выбрать другой год без необходимости вручную обновлять страницу. Есть идеи, где я ошибся? Спасибо за ваше время!

Вот пример HTML

<form id="period" class="form-inline" method="get" action="/allsites-monthly/">
                <div class="form-group" id="year">
                    <select name="year" class="form-control">
                        <option value="0">Chose year</option>
                        <option value="2018">2018</option>
                        <option value="2019">2019</option>                               
                    </select>
                </div><!-- /.form-group -->

                <div class="form-group" id="month">                   
                    <select name="month" class="form-control">
                        <option value="0">Chose month</option>

                    </select>
                </div><!-- /.form-group -->

                <button id="submit" type="submit" class="btn btn-primary btn-sm">Submit</button>                
            </form>  

Код работает в первый раз, проблема в том, что когда я не хочу снова менять год, мне приходится вручную обновлять страницу