JQuery $.post() submitting multiple forms instead of just one

I have a page with several forms on one page. I have a button (outside all forms) that I want to submit only ONE form, but all form data is getting submitted from all forms.

$("#indiv_save").click( function() {
    alert($("#indiv_form").serialize());  // Shows only correct form
    $.post("开发者_如何学Go/admin/update", $("#indiv_form").serialize(), function(data) {
        notify(data); // quick and easy feedback
    });
});

The alert() call shows exactly what I want to submit, but then Firebug shows fields being submitted from all forms after the .post(), even though the serialize() function is identical.

All forms have different names and element ids.

What am I doing wrong?

You are making an ajax POST and returning. Depending on your button, it's going to attempt to submit the page's forms. What you need to do is prevent the default action:

 $('#indiv_save').click(function(e)
 {
      e.preventDefault();
      // Your Code Here
 });

The default action for your button is probably "submit the form", and you are not preventing it.

Return false from your click function should do it.

The forms can't be inside a single all encompassing <form> tag, they have to be separated out in individual <form>'s instead.