title: jQuery Validation - form.valid() always returning true
body: <p>I have a situation when I try to check if a form is valid, but form.valid() always returns true. But if I try to validate the individual control, it returns false.</p>
  
  <p>This is my form:</p>
  
  <pre><code>&lt;div class="profilestagsedit"&gt;
      @using (Html.BeginForm("", "", FormMethod.Post, new { id = "tagsform" }))
      {
          @Html.ValidationMessageFor(x =&gt; x.EditTagsText)
          @Html.TextBoxFor(p =&gt; p.EditTagsText, new
             {
                 @id = "txtprofileedittags"
             })
      }
  &lt;/div&gt;
  </code></pre>
  
  <p>This is my viewmodel:</p>
  
  <pre><code>[Required(AllowEmptyStrings = false, ErrorMessage = "Please enter at least one Tag ")]
  public string EditTagsText { get; set; }
  </code></pre>
  
  <p>This is the jQuery code:</p>
  
  <pre><code>   $('#tagsform').removeData("validator");
     $('#tagsform').removeData("unobtrusiveValidation");
     $.validator.unobtrusive.parse('#tagsform');
     $('#tagsform').validate();
  </code></pre>
  
  <p>And on the save button click:</p>
  
  <pre><code>var isValid = $('#tagsform').validate().element($('#txtprofileedittags')); &lt;-- false
  $('#tagsform').valid() true &lt;--
  </code></pre>
  
  <p>I would like the form.valid() return false as well, what am I doing wrong?</p>