Can't get a form to display a jquery dialog inside of .validate()
I've got a form that is using jquery validation. When the user clicks the submit button, I'm intercepting it with some jQuery code to display a jquery dialog window asking the user to verify the data they entered in the form. Data is displayed in the dialog window. If the user doesn't need to change anything, the click the OK button in the dialog window and the form gets submitted. If they click Cancel, the dialog window closes and they are returned to the form.
My problem is the dialog window displays even if the form has validation errors. I've tried to eliminate this with the following code:
$("#form").submit(function(){
if (("#form").validate()){
$("#verification_dialog").dialog("open");
return false;
}
});
This never displays the dialog window and the form gets submitted. I've added an alert inside the function to display the result from the validate and it shows it to be true. Any help would be appreciated.