Question

I am submitting and loading a new form via AJAX and want to use the same script that the first form uses to submit and load the new form to submit a comment. I have this script commented out so you cannot see it but when I use it, the commentForm.php loads and does not use the jQuery submission. I have tried it many ways with no luck.

$('#quoteForm').delegate('input:submit', 'submit',function(e) {

Any help would be appreciated.

Answer 1

If your form is getting replaced then you’ll need to delegate the event handler to a parent element. And you’ll need to bind to the form and not the submit button:

$('body').delegate('form', 'submit', function(e) {

    // and you'll need this to prevent
    // the form's 'default' action
    e.preventDefault();