Ajax добавлен в раскрывающемся списке, предоставляя нулевое значение

Question

Я использую следующий код для очистки и добавления значений в выпадающее меню выбора.

Проблема в том, что при отправке формы значение, отправленное для раскрывающегося списка, равно нулю.

<script type="text/javascript">
    $(document).ready(function(){

        $("#sel_year").change(function(){



            var deptid = $(this).val();

            $.ajax({
                url: 'model_search.php',
                type: 'post',
                data: {Year:deptid},
                dataType: 'json',
                success:function(response){

                    var len = response.length;

                    $("#sel_model").empty();
                    for( var i = 0; i<len; i++){
                        var id = response[i]['ID'];
                        var name = response[i]['model_name'];

                        $("#sel_model").append("<option value='"+id+"'>"+name+"</option>");

                    }
                }
            });
        });

    });
</script>

Тогда HTML

    <form action='menu.php' method="POST">
      <div class="container">
        <h1>Auto populate dropdown</h1>
        <div id="div_content">
         <div>Year </div>
         <select name="Year" id="sel_year">
           <option value="0">- Select -</option>
           <option value="1996">1996</option>
           <option value="1997">1997</option>
           <option value="1998">1998</option>
         </select>

         <div>Model </div>
         <select  name='sel_model' id="sel_model">
           <option value="1">- Select Year First-</option>
         </select>
       </div>
     </div>
   </form>

Отправка формы приводит к:

Array ( [Year] => 2001 [sel_model] => null 

Я просто не понимаю, почему значение равно нулю.