Попытка заполнить выпадающий список с помощью jquery и ajax

Вот мой код: –

<script> $(document).ready(function(){ //#This script uses jquery and ajax it is used to set the values in $("#day").change(function(){ //# the time field whenever a day is selected. var day=$("#day").val(); var doctor=$("#doctor").val(); $.ajax({ type:"post", url:"time.php", data:"day="+day+"&doctor="+doctor, dataType : 'json', success:function(data){ var option = ''; $.each(data.d, function(index, value) { option += '<option>' + value.res + '</option>'; }); $('#timing').html(option); } }); }); }); </script> 

И вот сценарий php.

  <? $con=mysqli_connect("localhost","clinic","myclinic","myclinic"); // Check connection if (mysqli_connect_errno()) { echo "Failed to connect to MySQL: " . mysqli_connect_error(); } $doctor = $_POST['doctor']; $day = $_POST['day']; $query="SELECT * FROM schedule WHERE doctor='" .$doctor."'AND day='" .$day. "'"; $result = mysqli_query($con, $query); $i = 0; //Initialize the variable which passes over the array key values $row = mysqli_fetch_assoc($result); //Fetches an associative array of the row $index = array_keys($row); // Fetches an array of keys for the row. while($row[$index[$i]] != NULL) { if($row[$index[$i]] == 1) { $res = $index[$i]; echo json_encode($res); } $i++; } ?> 

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

  <select id="timing" name="timing"></select> 

Мой код Java-скрипта отправляет значения в php-скрипт в порядке, но код все еще не работает. В моем javascript нет никаких ошибок, как я вижу. Пожалуйста, помогите мне