kilka formularzy na jednej stronie i zapytanie ajax

Question

Witam

na jednej stronie mam kilka div-ów i pod każdym  chciałbym umieścić komentarze dla konkretnego diva.

nie umiem wyświetlić konkretnych komentarzy dla każdego diva.

próbowałem zrobić na różne sposoby pętlą itp proszę o jakieś wskazówki.

$(document).ready(function(){
 
 $(".comment_form").on("submit", function(event){
  event.preventDefault();
  var form_data = $(this).serialize();
  $.ajax({
   url:"php/comment-add.php",
   method:"POST",
   data:form_data,
   dataType:"JSON",
   success:function(data)
   {
    if(data.error != "")
    {
     $(".comment_form")[0].reset();
     $(".comment_message").html(data.error);
     $(".comment_id").val("0");
     load_comment();
    }
   }
  })
 });

    var idA;

    var cclass = document.getElementsByClassName("comment_form").length;
    
    for(i=1 ; i<cclass ; i++){
    
    idA=($(".form_id"+i).val());
    
    

 load_comment(idA);
    

 function load_comment(idA)
 {

    var albums = [];
    var i;
    
    for(i=0 ; i<cclass ; i++){
    
    albums.push($(".albumN"+idA).val());
    
    }
    

    
  $.ajax({
   url:"php/comment-list.php",
   method:"POST",
  data:{albumN:albums[idA]},
   success:function(data)
   {
    $(".display_comment").html(data);
   }
  })
  
 }

 $(document).on("click", ".reply", function(){
  var comment_id = $(this).attr("id");
  $(".comment_id").val(comment_id);
  $(".comment_name").focus();
 });
    }
});

 

z góry dziękuję za wszelkie wskazówki

<form method="POST" class="comment_form">
    <div class="form-group">
     <input type="text" name="comment_name" class="comment_name" class="form-control" placeholder="Enter Name" />
    </div>
    <div class="form-group">
     <textarea name="comment_content" class="comment_content" class="form-control" placeholder="Enter Comment" rows="5"></textarea>
    </div>
    <div class="form-group">
     <input type="hidden" name="comment_id" class="comment_id" value="0" />
	  <input type="hidden" name="form_id" class="form_id'.$i.'" value="'.$i.'" />
	  <input type="hidden" name="albumN" class="albumN'.$i.'" value="'.$rowC['album_name'].'" />
     <input type="submit" name="submit" class="submit" class="btn btn-info" value="Submit" />
    </div>
   </form>
   <span class="comment_message"></span>
   <br />
   <div class="display_comment"></div>
    </div>