input text autocompletado con php

[moscrates]

Bueno le scuento estoy desarrollando un formulario que cuenta con un campo auto completar el cual ya lo tengo, este formulario carga al cargar la pagina y tienen la opcion de crear otra fila para que puedan ingresar mas ventas.
bueno la cosa esta en que creo con los campos con una imagen que llama a una funcion javascript, pero el campo autocompletado que creo con funciones javascript, no puede llamar al jquery, pues no puiedo hacer que trabaje ccon el la funcion jquery
sta es mi funcion jquery

Código Javascript:

<script type="text/javascript">  
$(function() {  
    $("#animal").autocomplete({  
        source: "auto_comple.php?getAnimales=1",  
        select: function(event, ui) {  
        }  
    });  
});  
</script>
 

este es mi campo que se crea

Código Javascript:

var td1 = document.createElement("TD");
    td1.appendChild(document.createElement("<input type=\"text\" id=\"animal\" name=\"cliente["+t+"]\"size=\"25\"/>"));
 

y este es mi codigo php que traba con json

Código PHP:

if(isset($_GET['getAnimales'])) {  
  $bd = new mysqli("localhost", "root", "", "fh");  
  if(mysqli_connect_errno()) return;  
  
  $animales = array();  
  if($res = $bd->query("SELECT * FROM cliente"))  
    while($animal = $res->fetch_assoc())  
      $animales[] = array(  
        'label' => $animal['auto'],  
        'value' => $animal['id_cliente'],  
        'estado' => $animal['auto'],  
      );  
  $bd->close();  
  echo json_encode($animales);  
  return;  
}
 

me gustaria que me digan por que pasa esto, osi ven un error en mi codigo que me digan por fa