Action sur un seul formulaire

Bonjour.
J'ai un problème avec une page PHP qui dispose de plusieurs formulaires. Chaque formulaire est sensé publier un commentaire au post qui lui est associé grâce aux identifiants de ceux-ci.

Je m'explique, la page "index.php" renvoie, par le biais d'une boucle les différents contenus de la table de ma base de données qui contient les publications? De ce fait, il y a, pour chaque publication, un formulaire de commentaire.
Le code du formulaire :

<form action="" method="POST">
  <div id="flash" align="left"></div>
  <input type="hidden" name="post_id" id="post_id" value="<?php echo $post_id; ?>"/>
<input type="hidden" name="title" id="name" value="<?php echo $session_id; ?>"/>

<input type="hidden" name="email" id="email" value="google@gmail.com" /><span class="titles">
<textarea class="auto-expand form-control noresizing" name="comment" id="comment" placeholder="Commenter" data-autoexpand-size="100"></textarea>
                                                        <input type="submit" class="submit"/>
                                            </form>

L'action sur ce formulaire se fait grâce à ajax. Voici le code que j'utilise :

<script type="text/javascript">
$(function() {

$(".submit").click(function() {

var name = $("#name").val();
var email = $("#email").val();
    var comment = $("#comment").val();
        var post_id = $("#post_id").val();
    var dataString = 'name='+ name + '&email=' + email + '&comment=' + comment + '&post_id=' + post_id;
    
    if(name=='' || email=='' || comment=='')
     {
    alert('Un problème est survenu, veuillez réessayer plus tard');
     }
    else
    {
    $("#flash").show();
    $("#flash").fadeIn(400).html('<img src="images/16.gif" align="absmiddle"> <span class="loading">Loading Comment...</span>');
$.ajax({
        type: "POST",
  url: "commentajax.php",
   data: dataString,
  cache: false,
  success: function(html){
 
  $("ol#update").append(html);
  $("ol#update li:last").fadeIn("slow");
  document.getElementById('email').value='';
   document.getElementById('name').value='';
    document.getElementById('comment').value='';
    $("#name").focus();
 
  $("#flash").hide();
    
  }
 });
}
return false;
    });



});


</script>

Le problème est que lorsqu'on actionne le formulaire, le commentaire est attribué à l'ID du premier article de la boucle.

Comment puis-je faire pour que cela fonctionne correctement ? Merci d'avance.

--
Je t'ai rendu service? Alors vote positivement.
I have a favor? Then vote positively.