title: jQuery validation error message shows when it shouldn't
body: <p>I have a simple form with two radio buttons and a submit button.</p>
  
  <p>If none of the radios are checked, when submit is clicked, this causes an error. As it should. Then clicking a radio button makes the error go away. </p>
  
  <p><strong>The problem:</strong> After the error has disappeared, if I click the other radio button, the error shows again briefly. Similarly when I click the submit button it shows briefly. Why is this?</p>
  
  <p><a href="http://jsfiddle.net/4bz6xye5/2/" rel="nofollow">Here's a fiddle showing the issue</a></p>
  
  <p>Here's the code:</p>
  
  <pre><code>&lt;form&gt;
    &lt;input type="radio" name="options" class="radioB"&gt;
    &lt;input type="radio" name="options" class="radioB"&gt;
    &lt;input type="submit" value="submit" class="submit"&gt;
  &lt;/form&gt;
  &lt;div id="error--holder"&gt;&lt;/div&gt;
  
  $("form").validate({
      rules: {
          options: {
              required: true
          }
      },
      messages: {
          options: "Whoops! Please indicate who.",
      },
      errorPlacement: function(error, element) {
          $('#error--holder').html(error.text()+' &lt;a href=#&gt;Go fix it...&lt;/a&gt;').fadeIn();
      },
      success: function(error) {
          $('#error--holder').fadeOut();
      },
      submitHandler: function (form) {
          return false; // stop
      }
  });
  </code></pre>