Html / Ajax - Retour d'une requete ds TABLEAU

Bonjour,

J'aimerais mettre à jour un tableau de façon dynamique via une requête AJAX.

La requête fonctionne bien cependant je n'obtiens pas l'affichage désiré :

Une ou plusieurs lignes doivent s'ajouter au tableau HTML en fonction de la requete et dans mon cas cela affiche le contenu de la requete SQL via ajax simplement en affichant les informations à la ligne, dans aucunes cases.

Voici un extrait de mon code html:
<table>
<tr>
<th>nom</th>
<th>prenom</th>
</tr>
<tr>
<div id='zone'></div>
</tr>
</table>

et un extrait du contenu de ma fonction ajax:
requete.onreadystatechange = function()
{
if(requete.readyState == 4) {
if(requete.status == 200) {
document.getElementById('zone').innerHTML = requete.responseText;
}
}
};


un extrait du script de recherche et de son affichage appelé via ajax:
echo "<td>".$val['nom']."</td>";
echo "<td>".$val['prenom']."</td>";

La requete SQL fonctionne et la zone "zone" de mon tableau recoit bien le résultat cependant elle n'affiche pas les informations dans les cellules du tableau ligne par ligne comme désiré. C'est comme si j'étais hors du tableau sans aucune mise en forme.

Quelqu'un a une idée ?
D'avance, merci