отправлять несколько форм с одинаковым именем одним щелчком мыши Jquery

Привет, у меня есть формы в цикле, которые создаются dymanically, и я должен представить их все одним щелчком мыши, я следую приведенному ниже коду, кулачок, пожалуйста, предложите мне, как я могу это сделать

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $("#submitButton").click(function () { $.post($("#form1").attr("action"), $("#form1").serialize(), function () { alert('Form 1 submitted'); }); $.post($("#form2").attr("action"), $("#form1").serialize(), function () { alert('Form 2 submitted'); }); }); }); </script> </head> <body> <form id="form1" action="PostPage1.aspx" method="post"> <input type="button" id="submitButton" value="Submit" /> </form> <!-- Hidden form --> <form id="form2" action="PostPage2.aspx" name= "formsub" method="post"> <input type="test" id="data1" value="testing1" /> <input type="text" id="data2" value="testing2" /> </form> <form id="form2" action="PostPage2.aspx" name= "formsub" method="post"> <input type="test" id="data1" value="testing1" /> <input type="text" id="data2" value="testing2" /> </form> </body> </html> 

Вы можете перебирать все формы с заданным именем и отправлять один за другим

 $(document).ready(function () { $("#submitButton").click(function () { var $form1 = $("#form1"); $.post($form1.attr("action"), $form1.serialize(), function () { alert('Form 1 submitted'); }); $('form[name="formsub"]').each(function () { var $form = $(this); $.post($form.attr("action"), $form.serialize(), function () { alert('Form 2 submitted'); }); }) }); });