Problemas con Jquery y Php

[lalosinger]

Hola, tengo problemas con un programa que estoy haciendo.

Necesito llenar una tabla con datos de mysql

logro llenar la tabla con el siguiente codigo

Código HTML:

<table align="center"> 
    <tr>  
      <td class="titulotabla">Nombres</td>  
      <td class="titulotabla">Apellidos</td>
      <td class="titulotabla" id="titulodir">Direccion</td>
      <td class="titulotabla">Bario</td>
      <td class="titulotabla">Zona</td>
      <td class="titulotabla">Correo</td>
    </tr> 

Código PHP:

  <?php 
//si se presiona submit se realiza lo siguiente 
if(isset($_POST['submit'])) { 
     
    $nombre = $_POST['nombre']; 
    $apellido = $_POST['apellido']; 
    $zona = $_POST['zona']; 
 
    require("conexion.php"); 
    $query = "select * from contactos WHERE nombre = '$nombre' AND apellido = '$apellido' AND zona = '$zona' ";   
    $result = mysql_query($query) or die (mysql_error());  
 
    //extraccion de los datos de la consulta 
    while ($registro = mysql_fetch_array($result)){   
echo "  //muestro los datos en la tabla 
    <tr>   
      <td>".$registro['nombre']."</td>   
      <td>".$registro['apellido']."</td>   
      <td>".$registro['direccion']."</td> 
      <td>".$registro['barrio']."</td> 
      <td>".$registro['zona']."</td> 
      <td>".$registro['correo']."</td> 
 
    </tr>   
    ";   
    } 
} 
 
?>   

Código HTML:

</table> 

Esto me corre de maravilla, no tengo ningún problema.
El problema ocurre cuando agrego mi código jQuery tengo la tabla dentro de un div con CSS hago el div display:none; y con mi jQuery indico que cuando sea presionado submit se despliegue de nuevo el div donde esta mi tabla; La tabla aparece de maravilla pero sin cargar los datos que baje de mysql con php, alguna idea del problema?