title: Jquery.Validate Password Equalto - doesn't display error
body: <p>I am able to set Required = true, min and max lengths but for some reason when i try to set an EqualTo paramater for the PasswordAgain field, the form simply allows Submit even though the passwords do not match.</p>
  
  <pre><code>    &lt;section&gt;
          &lt;label class="input login-input"&gt;
                      &lt;div class="input-group"&gt;
                          &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-user"&gt;&lt;/i&gt;&lt;/span&gt;
                                      &lt;input name="ctl00$ContentPlaceHolder1$ctl01$txtUserName" type="text" id="txtUserName" class="form-control" placeholder="UserName" /&gt;
                                  &lt;/div&gt;
                              &lt;/label&gt;
                          &lt;/section&gt;
                          &lt;section&gt;
                              &lt;label class="input login-input no-border-top"&gt;
                                  &lt;div class="input-group"&gt;
                                      &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-envelope"&gt;&lt;/i&gt;&lt;/span&gt;
                                      &lt;input name="ctl00$ContentPlaceHolder1$ctl01$txtEmail" type="text" id="txtEmail" class="form-control" placeholder="Email Address" /&gt;
                                  &lt;/div&gt;
                              &lt;/label&gt;
                          &lt;/section&gt;
                          &lt;section&gt;
                              &lt;label class="input login-input no-border-top"&gt;
                                  &lt;div class="input-group"&gt;
                                      &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-lock"&gt;&lt;/i&gt;&lt;/span&gt;
                                      &lt;input name="ctl00$ContentPlaceHolder1$ctl01$txtPassword" type="password" id="txtPassword" class="form-control" placeholder="Password" /&gt;
                                  &lt;/div&gt;
                              &lt;/label&gt;
                          &lt;/section&gt;
                          &lt;section&gt;
                              &lt;label class="input login-input no-border-top"&gt;
                                  &lt;div class="input-group"&gt;
                                      &lt;span class="input-group-addon"&gt;&lt;i class="fa fa-lock"&gt;&lt;/i&gt;&lt;/span&gt;
                                      &lt;input name="ctl00$ContentPlaceHolder1$ctl01$txtPasswordAgain" type="password" id="txtPasswordAgain" class="form-control" placeholder="Password Confirm" /&gt;
                                  &lt;/div&gt;
          &lt;/label&gt;
          &lt;/section&gt;
  
  
  
  &lt;script src="&lt;%= ResolveUrl("~/Content/assets/plugins/sky-forms-pro/skyforms/js/jquery.form.min.js")%&gt;"&gt;&lt;/script&gt;
  &lt;script src="&lt;%= ResolveUrl("~/Content/assets/plugins/sky-forms-pro/skyforms/js/jquery.validate.min.js")%&gt;"&gt;&lt;/script&gt;
  
  &lt;script&gt;
      jQuery(document).ready(function() {
          $("#form1").validate({
              // Rules for form validation
              rules:
              {
                  ctl00$ContentPlaceHolder1$ctl01$txtUserName:
                  {
                      required: true
                  },
                  ctl00$ContentPlaceHolder1$ctl01$txtEmail:
                  {
                      required: true,
                      email: true
                  },
                  ctl00$ContentPlaceHolder1$ctl01$txtPassword:
                  {
                      required: true,
                      minlength: 6,
                      maxlength: 20
                  },
                  ctl00$ContentPlaceHolder1$ctl01$txtPasswordAgain:
                  {
                      required:true,
                      minlength:6,
                      equalTo:"#ctl00$ContentPlaceHolder1$ctl01$txtPassword"
                  }
  
              },
  
              // Messages for form validation
              messages:
              {
                  ctl00$ContentPlaceHolder1$ctl01$txtUserName:
                  {
                      required: '* Requires a valid UserName.'
  
                  },
                  ctl00$ContentPlaceHolder1$ctl01$txtEmail:
                  {
                      required: '* This is a Required Field.',
                      minlength:  '* Password Min Length of 6 char.'
                  },
                  ctl00$ContentPlaceHolder1$ctl01$txtPassword:
                  {
                      required: '* This is a Required Field.',
                      minlength: '* Password Min Length of 6 char.'
                  },
                  ctl00$ContentPlaceHolder1$ctl01$txtPasswordAgain:
                  {
                      required: '* This is a Required Field.',
                      minlength: '* Password Min Length of 6 char.',
                      equalTo: "Please specify the same password as above."
                  }
  
              },
  
              // Do not change code below
              errorPlacement: function (error, element) {
                  error.insertAfter(element.parent());
              }
          });
      });
  &lt;/script&gt;
  </code></pre>