Форумы портала PHP.SU :: Не работает jquery autocomplete

Вот код backend.php

<?PHP  
/* Подключаетесь к базе и
/* выбираете из нужной таблицы
/* нужный столбец */
 // Выводите как простой текст
 
header("Content-type: text/html; charset=windows-1251");
$sql = mysql_connect("localhost","root","");
mysql_select_db("vol_base");
$pz1 = $_POST['value'];
$pz = iconv("UTF-8", "WINDOWS-1251", $pz1);
$res = mysql_query("SELECT * FROM gender WHERE name_gen LIKE '$pz%'"); 
while ($street = mysql_fetch_array($res))
{       
echo ''.$street['name_gen'].''; 
}
 
?>

CODE (html):
скопировать код в буфер обмена

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru">
<head>
<title>Autocomplete с помощью jQuery</title>
<meta http-equiv="Content-Language" content="ru"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<style type="text/css">
* {
    margin:0;
    padding:0;
}
html, body {
    background-color:#FFF;
    font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
.ac_results {
        padding: 0px;
        border: 1px solid WindowFrame;
        background-color: Window;
        overflow: hidden;
}
 
.ac_results ul {
        width: 100%;
        list-style-position: outside;
        list-style: none;
        padding: 0;
        margin: 0;
}
 
.ac_results iframe {
        display:none;/*sorry for IE5*/
        display/**/:block;/*sorry for IE5*/
        position:absolute;
        top:0;
        left:0;
        z-index:-1;
        filter:mask();
        width:3000px;
        height:3000px;
}
 
.ac_results li {
        position:relative;
    margin: 0px;
        padding: 2px 5px;
        cursor: pointer;
        display: block;
        width: 100%;
        font: menu;
        font-size: 12px;
        overflow: hidden;
}
 
.ac_loading {
        background : Window url('autocomplete_indicator.gif') right center no-repeat;
}
 
.ac_over {
        background-color: Highlight;
        color: HighlightText;
}
#example {
  position:absolute;
  top:10px;
  left:10px;
  width:150px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
#example2 {
  position:absolute;
  top:10px;
  left:170px;
  width:240px;
  font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
}
.qnt {
  position:absolute;
  top:2px;
  right:10px;
  font-size:0.8em;
  color:#26A908;
}
</style>
</head>
<body>
 
<input name="autocomlete" type="text" id="autocomplete" />
 
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function() {
        $('#autocomplete').autocomplete('backend1.php', {
    delay:10,
    minChars:1,
    matchSubset:1,
    autoFill:true,
    maxItemsToShow:10
    }
  );
});
</script>
</body>
</html>