Problema con autocompletar un input

[mimis_grande20]

En realidad se muy poco de javascript por no decir que nada, tengo un problemilla necesito autocompletar un input que si funciona, pero en base a la eleccion en este se llena un segundo input. el codigo que tengo es el siguiente:

en mi index:

Código HTML:

<form name="consumi" method="get" action="usuario.php">
                                                                        <input type="hidden" value=Mi_Comida name=Mi_Comida>
                                                                        <input type="hidden" id="botcon" value=Cargar_Alimento name=Cargar_Alimento>
                                                                           
                                                                        <table id=tablaform><tr><td><label id=op3>Tipo de alimento:</label></td>
                                                                        <td>
                                                                        <select name="tipo" id=op>
                                                                        <option selected>--Selecciona--</option>
                                                                        <option>Desayuno</option>
                                                                        <option>Almuerzo</option>
                                                                        <option>Comida</option>
                                                                        <option>Cena</option>
                                                                        </select>
                                                                        </td><tr>
                                                                        <tr><td>
                                                                        <label id=op3>Consumi:</label></td><td> <input name="tag" type="text" id="tag" size="20"/><br></td></tr>
                                                                        <tr><td><label id=op3>Hora de consumo: </label></td><td> <input name="hr" type="text" id="op" size="20"/><br></td></tr>
                                                                        <tr><td><label id=op3>Cantidad: </label></td><td> <input name="cantidad" type="text" id="op" size="20"/><br></td></tr>
                                                                        <tr><td><label id=op3>Medida: </label></td><td> <input name="medida" type="text" id="op" size="20"/><br></td></tr>
                                                                        <tr><td>
                                                                        <br><br>
                                                                        <input type="submit" name="No comi" value="No comi" id="botcon"/></td><td>
                                                                        <br><br>
                                                                        <input type="submit" name="Agregar" value="Agregar" id="botcon"/></td></tr></table>';
 

el script es:

Código Javascript:

<script>
     $(document).ready(function(){
      $("#tag").autocomplete("autocomplete.php", {
            selectFirst: true
      });
     });
</script>
 

y autocomplete contiene:

Código PHP:

<?php
 $q=$_GET['q'];
 $my_data=mysql_real_escape_string($q);
 $mysqli=mysqli_connect('localhost','root','123','salud') or die("Database Error");
 $sql="SELECT nombre FROM alimento WHERE nombre LIKE '$my_data%' ORDER BY nombre";
 $result = mysqli_query($mysqli,$sql) or die(mysqli_error());
 
 if($result) {
  while($row=mysqli_fetch_array($result))
  {
   echo $row['nombre']."\n";
  }
 }
 
     echo "No existe, da clic <br>en agregar a la lista";
 
 
?>
 

Necesito ayuda urgentemente