Ajax Conflict - Советы, как решить

Question

Мне нужен совет, где можно найти конфликт с AJAX и Javascript.Когда я изолирую 4 выпадающих списка, код работает так, как ожидалось.Однако, когда на моем сайте он только вытягивает список из первого раскрывающегося списка из базы данных и не запускает команду onchange для второго раскрывающегося списка.

Я пробовал поискать различные различные вопросы и не могу найти ответ,Я также рассмотрел инструменты разработчика Chrome и вижу, что он вызывает первый запрос ajax, но не вызывает второй.

    <script>
    $(document).ready(function(){
$('#manufacturer').on('change', function(){
    var manuID = $(this).val();
    if(manuID){
        $.ajax({
            type:'POST',
            url:'ajax.php',
            data:'manu_id='+manuID,
            success:function(html){
                $('#manumodel').html(html);
                $('#manuyear').html('<option value="">Select state first</option>'); 
            }
        }); 
    }else{
        $('#manumodel').html('<option value="">Select country first</option>');
        $('#manuyear').html('<option value="">Select state first</option>'); 
    }
});

$('#manumodel').on('change', function(){
    var manumodelID = $(this).val();
    if(manumodelID){
        $.ajax({
            type:'POST',
            url:'ajax.php',
            data:'manumodel_id='+manumodelID,
            success:function(html){
                $('#manuyear').html(html);
            }
        }); 
    }else{
        $('#manuyear').html('<option value="">Select state first</option>'); 
    }
});
});