отправить несколько форм по одному с помощью jquery

Question

Я хочу отправить несколько форм по одной, и я работаю с php и jquery.У меня есть две или несколько форм со значениями, и когда я нажимаю кнопку добавления, первая форма должна отображаться во всплывающем окне с введенными значениями и кнопкой отправки.

Когда я нажимаю кнопку отправки во всплывающем окне, первая формадолжны быть отправлены и вторая форма должна отображаться во всплывающем окне.

Как мне это сделать?

<div id="whole">
<form id="frm1"><table><tr><td>
<label>Title : </label>
<input id="frm1title1" type="text"></td></tr>
<tr><td><label>Descr  : </label>
<textarea cols="50" rows="10" id="frm1desc1"></textarea></td></tr></table>
</form>

<hr>
<form id="frm2">
<table><tr><td><label>Title : </label>
<input id="frm2title2" type="text"></td></tr>
<tr><td><label>Descr  : </label>
<textarea cols="50" rows="10" id="frm2desc2"></textarea></td></tr></table>
</form>

<input type="button" value="add">
</div>

Answer 1

взгляните на Jquerys submit api ... свяжите кнопку отправки для отправки всех форм ..

как то так

замените

<input type="button" value="add"> 

с

<input id="submitbutton" type="button" value="add">

затем JS следующим образом:

$("#submitbutton").click(function(){
$("#frm1").submit();
$("#frm2").submit();
});