Código HTML:
Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<script type="text/javascript" language="javascript" src="js/jquery.js"></script> function buscar(){
$.ajax({
   type: "POST",
   url: "canal.php",
   data: "nombre=canino&apellido=latino",
   success: function(respServ){
        //msg trai lo que  yourfile.php respondio osea que yourfile.php debe hacer solo  por decirlo haci un echo $nombre .'|'.$apellido; entonces tu haria lo siguiente
 
           documen.getElementById("nombre").value=respServ.split("|")[0];
           documen.getElementById("apellido").value=respServ.split("|")[1];
 
   }
 });
}
<form action="" method="POST"> nombre: 
<input name="nombre" id="nombre" type="text" value="1"/></br>apellido: 
<input name="apellido" id="apellido" type="text" value="1"/></br><input type="submit" value="Enviar"/> <input type="button" value="Automatico" onclick="buscar();"/> 
  
haber usa este codigo le faltaba una llave