title: JQuery form validation with alert popup - alert still being shown with a valid submit
body: <p>I'm using the Jquery validate function for my form validation. So far I've been appending the error message to a page element, but I now want to display it in an alert popup.
  The alert popup successfully displays the error message when the user has not selected anything, however the pop still appears when they submit a valid form (this time without the error message).</p>
  
  <p>How do I stop the popup from appearing after a valid form submission?</p>
  
  <p>Here is my js code, I've implemented the alert for radio buttons. You can see this in action on <a href="http://hiplogger.hip-zone.co.za/partner/mobile" rel="nofollow">http://hiplogger.hip-zone.co.za/partner/mobile</a></p>
  
  <pre><code>$("#quickieform").validate({
      rules: {
          answer: "required"
      },
      answer: {
          answer: "Please make a selection"
      },
      errorPlacement: function(error, element) {
          if ( element.is(":radio") )
              alert(error.html());
  
          else if ( element.is(":checkbox") )
              error.appendTo( ("#alertbox") );
  
          else
              error.appendTo( ("#alertbox") );
      },
      submitHandler: function(form) {
          // do other stuff for a valid form
          form.submit();
      },
      success: function(label) {
          // set   as text for IE
          label.html(" ").addClass("checked");
      }
  });
  </code></pre>