Создание динамических блоков выбора в php

Question

У меня есть два варианта выбора, Make и Model. У меня есть данные в моей БД с кучей разных транспортных средств и хотелось бы, чтобы поле модели обновлялось на основе выбора make.

** ОБНОВЛЕНО ВОПРОС С ВНЕШНИМ PHP ФАЙЛ ДЛЯ AJAX ВЫЗОВ **

Так что я сделал это изменение, я dataAJax.php -

if(isset($_POST["make"]) && !empty($_POST["make"])){ 
$query = $db->query("SELECT DISTINCT Make, Model FROM inv WHERE Make = ".$_POST['Make'].""); 
$rowCount = $query->num_rows; 
if($rowCount > 0){ 
    echo '<option value="">Select model</option>'; 
    while($row = $query->fetch_assoc()){ 
     echo '<option value="'.$row['Model'].'">'.$row['Model'].'</option>'; 
    } 
}else{ 
    echo '<option value="">Model not available</option>'; 
} 
} 

Index.php -

$query = $conn->query("SELECT DISTINCT Make FROM inv"); 
$rowCount = $query->num_rows; 
?> 
<select name="make" id="make"> 
<option value="">Select Make</option> 
<?php 
if($rowCount > 0){ 
    while($row = $query->fetch_assoc()){ 
     echo '<option value="'.$row['Make'].'">'.$row['Make'].'</option>'; 
    } 
} 
?> 
</select> 

<select name="model" id="model"> 
    <option value="">Select Make first</option> 
</select> 

А вот мой Аякса вызов -

$(document).ready(function(){ 
$('#make').on('change',function(){ 
    var make = $(this).val(); 
    if(make){ 
     $.ajax({ 
      type:'POST', 
      url:'dataAjax.php', 
      data:'make='+make, 
      success:function(html){ 
       $('#model').html(html); 
      } 
     }); 
    }else{ 
     $('#make').html('<option value="">Select Model First</option>'); 
    } 
}); 
}); 

Проблема у меня есть, это не заполняет поле модели он просто получает в другое заявление «Модель Not Available»