title: Why .valid() always returns TRUE?
body: <p>I know that there were loads and loads questions like this one, but none of them really helped.</p>
  
  <p>I have two forms on one page (some fields are shared), only one form is going to be submitted at a time. I thought that it's because the some fields are shared, but I removed 2nd form completely from the page and the error still existed.</p>
  
  <p>I'm implementing custom validator, but when I call .valid() it always returns TRUE, even tho rules are stating otherwise.</p>
  
  <p>Currently I have validator only for the 1st form (I didn't move on, because it failed).</p>
  
  <pre><code>$('#driver-form').validate({
  rules:{
      FirstName: {
          required:true,
          minlength: 2,
      },
      LastName: {
          required:true,
          minlength: 2,
      },
      Email: {
          required: true,
          email: true
      },
      PhoneNum: {
          required: true,
          exactlength: 11,
      },        
      Password: {
          required: true,
          minlength: 6,
          symbol: true
      }
  },messages:{
      Firstname: {
          required: "Please enter your firstname",
          minlength: "Firstname should contain more that 2 characters"
      },
      LastName: {
          required: "Please enter your lastname",
          minlength: "Lastname should contain more that 2 characters"
      },
  }});
  </code></pre>
  
  <p>Here is the form:</p>
  
  <pre><code>@using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form", @id = "driver-form" }))
  {
      @Html.HiddenFor(m =&gt; m.IsGarage, new { @class = "_HdnIsGarage" })
  
      &lt;div class="registration-form" id="driver-registration-form"&gt;
          @Html.AntiForgeryToken()
          &lt;hr /&gt;
          @Html.ValidationSummary("", new { @class = "text-danger" })
          &lt;div&gt;
              @Html.Kendo().TextBoxFor(m =&gt; m.FirstName).HtmlAttributes(new { placeholder = "First Name" })
          &lt;/div&gt;
          &lt;div&gt;
              @Html.Kendo().TextBoxFor(m =&gt; m.LastName).HtmlAttributes(new { placeholder = "Last Name" })
          &lt;/div&gt;
          &lt;div&gt;
              @Html.Kendo().TextBoxFor(m =&gt; m.Email).HtmlAttributes(new { placeholder = "E-mail", @type = "e-mail" })
          &lt;/div&gt;
          &lt;div&gt;
              @Html.Kendo().TextBoxFor(m =&gt; m.PhoneNum).HtmlAttributes(new { placeholder = "Phone Number" })
          &lt;/div&gt;
          &lt;div&gt;
              @Html.Kendo().TextBoxFor(m =&gt; m.Password).HtmlAttributes(new { placeholder = "Password", @type = "password" })
          &lt;/div&gt;
          &lt;div&gt;
              @*@Html.Kendo().TextBoxFor(m =&gt; m.ConfirmPassword).Name("pw").HtmlAttributes(new { placeholder = "Password" }))*@
          &lt;/div&gt;
          &lt;div&gt;
              @Html.Kendo().Button().Name("Register").Content("Register").HtmlAttributes(new { type = "button", onclick = "Javascript:driverRegister()" })
          &lt;/div&gt;
      &lt;/div&gt;
  }
  </code></pre>
  
  <p>And here jQuery that gets called when click 'Register':</p>
  
  <pre><code>        function driverRegister() {
          debugger;
          var test1 = $('#driver-form')
          var test = $('#driver-registration-form input');
          alert(test.valid())
          if (test.valid() == true) {
              $('#driver-form').submit();
          }
      }
  </code></pre>