javascript — Почему это не работает автоматически?

Я провел некоторое исследование и точно следовал учебнику с небольшими изменениями, но я не могу заставить его работать. Нет раскрывающегося списка. Можете ли вы взглянуть на код и сказать, что не происходит?

<div class="ui-widget">
<label for="skills">Skills: </label>
<input id="skills">
</div>
<script>
$(function() {
$( "#skills" ).autocomplete({
width:448,
delimiter: /(,|;)\s*/,
lookup: <?php echo "'autocomplete(#skills)'" ?>
});
});
</script>

<?php
$servername = 'localhost';
$username = 'xx';
$password = 'xx';

$con = mysql_connect($servername,$username,$password);
mysql_select_db('c9', $con);

function autocomplete($inputName){
$searchTerm = $_GET[$inputName];
$query = mysql_query("SELECT * FROM clients WHERE fname LIKE '%".$searchTerm."%' ORDER BY fname ASC");
while ($row = mysql_fetch_array(MYSQL_ASSOC)) {
$data[] = $row['fname'];
}
//return json data
echo json_encode($data);
}

?>