title: jquery popup after form submission
body: <p>I have the following code.</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              $("#submit").click(function (e) {
                  e.preventDefault();
  
                 /* Get some values from elements on the page: */
                  var values = $(this).serialize();
                  $.ajax({
                      url: "submit.php",
                      type: "post",
                      data: values            
                  });
                  $("#dialog").dialog({modal: true, height: 200, width: 300 });
  
  
  
              });
          });
      &lt;/script&gt;
  
  
  &lt;body&gt;
  &lt;form id="contactfrm"&gt;
  &lt;input type="text" name="fullname"/&gt;
  &lt;input type="text" name="email"/&gt;
  &lt;input type="text" name="phone"/&gt;
  &lt;a href="" class="submit" id="submit"&gt;submit&lt;/a&gt;
  &lt;/form&gt; 
  &lt;/body&gt;
  </code></pre>
  
  <p>the only reason i am using a link is because a designer has designed the link button and wasn't able to do a submit button.</p>
  
  <p>Now when i click the button it popsup the window but it never submits the form. I can't understand why this is happening?</p>