jQueryUI автозаполняется с PHP и JSON

У меня есть простое поле поиска, в котором будет указываться местоположение пользователя из доступных записей в моей базе данных. Я пытаюсь запустить автозаполнение jQuery UI, но у меня проблемы. Когда в консоли Chrome включена консоль JavaScript, я не вижу ответа от сценария, когда начинаю печатать.

Желаемый результат – это раскрывающийся список автозаполнения, в котором перечислены города в формате «Город, штат». Я посмотрел несколько сообщений здесь на SO и изменил свой код во многих попытках решить эту проблему, но не повезло. Заранее благодарю за любые рекомендации / исправления. Очень признателен.

• Предупреждение: mysqli_stmt_bind_result (): Число переменных привязки не совпадает с числом полей в подготовленном выражении в
• Цикл таблицы PHP / базы данных - отображает только 15 строк во времени
• Соединение mysqli_query для уже подключенной страницы PHP
• Создание глобального объекта MySQLi
• mysqli bind_param (), как ожидается, будет ссылкой, значение, данное

Вот мой код jQuery UI (я использую самые последние библиотеки, размещенные на code.jquery.com)

<script type="text/javascript"> $(document).ready(function() { $('#locale').autocomplete( { source: "./state_autocomplete.php", minLength: 2 }); }); </script> 

Вот мой код формы:

 <form name="frm_set_locale" method="post" action="/index2.php"> <input type="text" name="locale" id="locale" class="textbox"> <input type="submit" class="button" name="frm_submit_locale" value="Search"> </form> 

И вот сценарий mysqli, который извлекает информацию

 <?php include "/includes/dbconn.php"; // Query to get the usable locations $locale = trim($_GET['term']); $return = array(); $q = "SELECT `city`, `state` FROM `locales` WHERE `city` LIKE '%".$locale."%'"; $r = mysqli_query($q, $connect); $json = "["; $first = true; while ($row = mysqli_fetch_assoc($r, $connect)){ if(!$first){ $json .= ","; }else{ $first = false; } $json .= "{'value':'".$row['city'].", ".$row['state']."}"; } $json .= "]"; echo $json; ?> 

 "{'value':'".$row['city'].", 'state':".$row['state']."}" 

 <script type="text/javascript"> $(document).ready(function() { $.ajax({ url: '/state_autocomplete.php', type: 'POST', dataType: 'json', success: function(data){ $('#locale').autocomplete( { source: data, minLength: 2 }); } }); }); </script> 

 <?php // Database Connection include "/includes/dbconn.php"; // Query to get the usable locations $locale = $_GET['term']; $q = "SELECT `city`, `state` FROM `locales` WHERE `city` LIKE '%$locale%'"; $r = mysqli_query($connect, $q); $city_state = array(); while($row = mysqli_fetch_assoc($r)){ $result = $row['city'].", ".$row['state']; array_push($city_state, $result); } $json = json_encode($city_state); echo $json; ?> 

 $q = "SELECT `city`, `state` FROM `locales` WHERE `city` LIKE '%".$locale."%'"; 

 $q = "SELECT `city`, `state` FROM `locales`";