Submitting form with jQuery & validation
===

I am using validate.js to validate a form. If the form does not validate, a message is displayed when the user tries to submit a form, showing the errors. If the user passes validation, then a success message pops up. The problem is, the form does not actually send/take action, because validate.js is preventing the default behavior.

The code that is preventing the form from sending is:

    if (event && event.preventDefault) {
        event.preventDefault();
    } else if (event) {
        event.returnValue = false;
    }

You can see full js here:  http://jsfiddle.net/DBfks/

It seems to me that the above code prevents default behavior of the form submission IF the form does not pass validation, but if it does, then the form should submit. Is this correct? Any ideas on how to make the form submit INSTEAD of showing a success message (please see jsfiddle to see how the success and error messages work)

Thanks in advance. You can see a working demo [here][1].  


  [1]: http://bajdesign.com/fstesting/contact-us/contact/