title: jQuery UI Dialog with Form Validation Plugin
body: <p>I am currently using the <a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" rel="noreferrer">bassistance validation plugin</a> for my forms. And I am using a pop-up modal dialog box to house a form that needs to be validated, but for some reason it isn't calling my form... all of my ID's and references are working and I still don't any success. </p>
  
  <p>Perhaps someone can shed some light for me. 
  Here is my Javascript code.</p>
  
  <pre><code>$("#addEventDialog").dialog("open");
  
  $("#addEventDialog").dialog({
      title: 'Add Event',
      modal: true,
      buttons: {
          "Save": function() {
              $("#interestForm").validate({
                  submitHandler: function(form) {
                      $("#calendarWidget2").ajaxSubmit({
                          target: "#calendarResponse",
                          dataType: 'json',
                          beforeSubmit: function () {
                              $('input[type=submit]').attr("disabled", true);
                              $("#calendarResponse").show('slow');
                          },
                          success: function(response, event) {
                              if(response.status == true) {
                                  $('input[type=submit]').attr("disabled", false);
                                  $("#calendarResponse").delay(5000).fadeOut('slow');
  
                                  //If the widget says it's okay to refresh, refresh otherwise, consider it done
                                  if(response.refreshEvents == '1') {
                                      $("#calendar").fullCalendar("refetchEvents");
                                  }
                                  // Close the dialog box when it has saved successfully
                                  $("#addEventDialog").dialog("destroy");
                                  // Update the page with the reponse from the server
                                  $("#calendarResponse").append("Successfully Added: "+ response.title +"&lt;br /&gt;");
                              } else {
                                  $("#calendarWidget2").validate();
                                  $("#calendarResponse").append("ERROR: "+ response.status +"&lt;br /&gt;");    
                              }
                          },
                          error: function() {
                              alert("Oops... Looks like we're having some difficulties.");    
                          }
                      });
                  }
              });
          },
          "Cancel": function() { 
              $(this).dialog("close"); 
          } 
      }
  });
  </code></pre>