title: jQuery validation not removing error upon valid email entry
body: <p>I am trying to set up the jQuery validation plugin, to verify email address before sending. Which I have done many times before.</p>
  
  <p>But just can't get it to work as expected for this new form. It doesn't stop the form submission, and it doesn't remove the error once the email address is valid.</p>
  
  <p>I've included the stripped down code below and a <a href="http://jsfiddle.net/Y9RFt/25/" rel="nofollow">JSFiddle</a></p>
  
  <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;form action="" id="myform" method="post" name="myform"&gt;
  
      &lt;label for="guest_email"&gt;What is your email address?&lt;/label&gt;
      &lt;input name="guest_email" placeholder="Email address" type="email"/&gt;
  
      &lt;button name="guest_submit" type="submit"&gt;Confirm&lt;/button&gt;
  
  &lt;/form&gt;
  </code></pre>
  
  <p><strong>jQuery:</strong></p>
  
  <pre><code>$(document).ready(function () {
  
      $("#myform").validate({
          rules: {
              guest_email: {
                  require: true,
                  email: true
              }
          }
      });
  
  });
  </code></pre>
  
  <p>I'm guessing this is glaringly obvious to someone but I just can't seem to find the answer.</p>
  
  <p>The jQuery.validate.min.js is called from their CDN. As is /1.11.1/jQuery.min.js</p>
  
  <p>There must be some conflict between the way I have set up the form, my JS and the plugin. I have the method working on a different page of my website.</p>