title: jquery call back function
body: <p>i have a form and it validates and submit successfully.
  all i want is to call back function as "success" when the form has successfully submitted. here is what i have so far but no luck:</p>
  
  <pre><code>$(document).ready(function() {
  $("#form1").validate({
          rules: {
  
                  email1: {// compound rule
                          required: true,
                          email: true                 
                  }
  )};
  $('#form1').ajaxForm(function() { 
                  alert("Thank you for your comment!"); 
                  //document.getElementById("popup").innerHTML = "Thank You!!"
              }); 
      });
  </code></pre>
  
  <p>here is my form input:</p>
  
  <pre><code>&lt;input name="email1" size="22" type="text"/&gt;
  </code></pre>
  
  <p>any ideas is greatly appreciated!</p>
  
  <hr>
  
  <p>thanks for your responses. its not working well for me as i am trying to display "success" in this dhtml fadeout effect: <a href="http://dhtmlpopups.webarticles.org/fade-effects.php" rel="nofollow noreferrer">http://dhtmlpopups.webarticles.org/fade-effects.php</a> </p>
  
  <p>i am pretty much stuck going in circles trying to find a way for the alert(success) to print out in the fade out.</p>
  
  <p>any ideas</p>