title: jQuery Validate is not working
body: <p>It's my first time using jQuery Validation and I'm running into issues. This is my form's HTML:</p>
  
  <pre><code>&lt;form id="signup" novalidate="novalidate"&gt;
              &lt;div class="form-group"&gt;
                &lt;label class="sr-only" for="emailAddress"&gt;Email address&lt;/label&gt;
                &lt;input type="email" class="form-control" id="emailAddress" placeholder="Enter email" data-required&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;label class="sr-only" for="emailAddressConfirm"&gt;Confirm Email address&lt;/label&gt;
                &lt;input type="email" class="form-control" id="emailAddressConfirm" placeholder="Confirm email" data-required&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;label class="sr-only" for="password"&gt;Password&lt;/label&gt;
                &lt;input type="password" class="form-control" id="password" placeholder="Password" data-required&gt;
              &lt;/div&gt;
              &lt;div class="form-group"&gt;
                &lt;label class="sr-only" for="passwordConfirm"&gt;Confirm Password&lt;/label&gt;
                &lt;input type="password" class="form-control" id="passwordConfirm" placeholder="Confirm Password" data-required&gt;
              &lt;/div&gt;
              &lt;button type="submit" class="btn btn-primary"&gt;Sign up&lt;/button&gt;
            &lt;/form&gt;
  </code></pre>
  
  <p>And my JavaScript:</p>
  
  <pre><code>$("form#signup").on("submit", function(){
      $("form#signup").validate({
          rules: {
              password: {
                  required: true,
                  minlength: 5
              },
              passwordConfirm: {
                  required: true,
                  minlength: 5,
                  equalTo: "#password"
              }
          },
          messages: {
              password: {
                  required: "Please provide a password",
                  minlength: "Your password must be at least 5 characters long"
              },
              passwordConfirm: {
                  required: "Please provide a password",
                  minlength: "Your password must be at least 5 characters long",
                  equalTo: "Please enter the same password as above"
              }
          }
      });
  });
  </code></pre>
  
  <p>I've copied the example code off the official website but modified the input field ID's. I am unsure why it is not working. (I'm only trying to get the password fields validation correctly, as I can replicate the code for the email inputs from that).</p>