javascript - how to submit multiple forms with single submit?

Question

I have multiple forms on the same page but I want to submit all forms together once instead of submitting one at a time. My approach is to clone all the data inside a another form and submit at once but its kind of overhead . So, is there a another approach to submit multiple form data once.

Thanks in advance for any help.

Answer 1

This will submit all form elements via ajax when 'button' is clicked

$('button').click(function() {
    $('form').each(function() {
        $.post(this.action, $form.serialize());
    });
});

Note that this will not refresh the page, as they are all submitted via ajax...