title: Email input types unexpectedly "unhighlighted" by jquery.validate
body: <p>I have the following model (simplified), <strong>note that both <code>Email</code> and <code>Text</code> are not <code>Required</code> fields</strong>:</p>
  
  <pre><code>public class MyModel
  {
      [DataType(DataType.EmailAddress)]
      public string Email { get; set; }
  
      public string Text { get; set; }
  }
  </code></pre>
  
  <p>And the following view:</p>
  
  <pre><code>@model MyModel
  
  @using (Html.BeginForm)
  {
      @Html.EditorFor(m =&gt; m.Email)
      @Html.EditorFor(m =&gt; m.Text)
  
      &lt;button id="my-button" type="button"&gt;Button&lt;/button&gt;
  }
  </code></pre>
  
  <p>I would like to trigger client-side validation when <code>#my-button</code> is clicked so I have the following event handler:</p>
  
  <pre><code>$(function() {
      $('#my-button').click(function() {
          $('form').valid();
      });
  });
  </code></pre>
  
  <p>So far so good. The only issue I am having is, I don't want the <code>input[type="email"]</code> field to be <a href="http://jqueryvalidation.org/validate/#unhighlight" rel="nofollow"><code>unhighlight</code>ed</a> when users open the form and click the button without filling in anything as this is contradictory to the other <code>input[type="text"]</code> field's behaviour where it isn't <code>unhighlight</code>ed.</p>
  
  <p>Is that possible?</p>