Send multi message using jquery plugin in multi-row data?

Question

i use jquery.form to send a form, but in may case below how use this jquery plugin

$('#htmlForm').ajaxForm({ 
 target: '#htmlExampleTarget', 
 success: function() { 
  $('#htmlExampleTarget').fadeIn('slow');
  $('#htmlForm').hide();
 } 
});

for($i=1;$i<= 10;$i++){

//form $1

form name="form$i" action="blabla.php"

input type="text" name="name$i" />

input type="text" name="name$i" />

input type="submit" name="submit" /

}

Answer 1

Use class instead of id and loop through the forms. For the target take an id like #htmlExampleTarget1.

var i = 1;
$('.htmlForm').each(function () {
   var object = $(this);
   object.ajaxForm({
      target: '#htmlExampleTarget' + i, 
      success: function() { 
         $('#htmlExampleTarget' + i).fadeIn('slow');
         object.hide();
       }
   });
   i++;
});