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?