title: validate field after setting value via jQuery
body: <p>I have asp net MVC project. And I have form with few inputs in view. For client side validation I use two libraries:</p>
  <p><em><strong>jquery.validate.js</strong></em> and <em><strong>jquery.validate.unbrostive.js</strong></em></p>
  <p>For example I have field email:</p>
  <pre><code>&lt;div class=&quot;form-group&quot;&gt;
      @Html.LabelFor(m =&gt; m.Email, new { @class = &quot;required&quot; })
      @Html.TextBoxFor(m =&gt; m.Email, new { @class = &quot;form-control&quot;, @autocomplete = &quot;nope&quot; })
      @Html.ValidationMessageFor(x =&gt; x.Email)
  &lt;/div&gt;
  </code></pre>
  <p>If I press &quot;submit&quot; button with empty field , it shows me an error &quot;Email field required&quot;</p>
  <p>Ok. If after message has been shown I put value in field via jQuery, like this:</p>
  <pre><code>$(&quot;#Email&quot;).val(&quot;some@email.com&quot;);
  </code></pre>
  <p>The error message still shows unlike if I type text the error dissaperes. I tried to manualy trigger validation, but the error still shows:</p>
  <pre><code>$(&quot;#Email&quot;).val(&quot;some@email.com&quot;); 
  $(&quot;#cartForm&quot;).validate();
  </code></pre>
  <p>Strange thing that after updating value via jQuery the can be submited even error shows.</p>
  <p><a href="https://i.stack.imgur.com/nCHso.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/nCHso.jpg" alt="enter image description here" /></a></p>