title: jQuery Validate custom message not appearing for special method
body: <p>I'm using the jQuery Validator plugin, which has been working great.  I just added another custom method to verify that the password contains one number or one special character, which also works great.  The problem is, when that condition fails (they just enter 6 characters of text) it never throws the error message "Your password must contain at least one number or special character".  Anyone know why this would be?  Code is below:</p>
  
  <pre><code>jQuery.validator.addMethod("onespecial", function(value, element){
          var pattern = /^(?=.{6,})(?=.*[a-z])(?=.*[0-9])|(?=.*[!@#$%^&amp;*()-+=]).*$/;
  
          return (pattern.test(value));
  
      }, "Your password must contain one number or special character");
  
      $("#activateForm").validate({
          rules: {
              first_name: "required",
              last_name: "required",
              password: {
                  required: true,
                  minlength: 6,
                  onespecial: true
              },
              pass_confirm: {
                  required: true,
                  minlength: 6,
                  equalTo: "#Password",
                  onespecial: true
              },
              position: "required",
              category: "required"
  
          },
          messages: {
              first_name: "Please enter your first name",
              last_name: "Please enter your last name",
              password: "Please enter a valid password",
              pass_confirm: "Your passwords much match",
              position: "Please select your position",
              category: "Please select your category"
          }
      }); 
  </code></pre>
  
  <p>Update: With Markup</p>
  
  <pre><code> &lt;div id="activate-form"&gt;
  &lt;h1&gt;Welcome. We just need a little bit more information.&lt;/h1&gt;
    &lt;form action="/" id="activateForm" method="post" novalidate="novalidate"&gt;     &lt;div&gt;&lt;input type="text" name="first_name" class="form-input" placeholder="First name" onfocus="this.placeholder=''" onblur="this.placeholder='First name'" id="FirstName"&gt;&lt;/div&gt;        &lt;div&gt;&lt;input type="text" name="last_name" class="form-input" placeholder="Last name" onfocus="this.placeholder=''" onblur="this.placeholder='Last name'" id="LastName"&gt;&lt;/div&gt;        &lt;div&gt;&lt;select name="category" class="form-input" id="Category"&gt;&lt;option value=""&gt;Select category&lt;/option&gt;&lt;option value="test"&gt;test&lt;/option&gt;&lt;option value="test"&gt;test&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;
      &lt;div&gt;&lt;select name="position" class="form-input" id="Position"&gt;&lt;option value=""&gt;Select Position&lt;/option&gt;&lt;option value="RA"&gt;RA&lt;/option&gt;&lt;/select&gt;&lt;/div&gt;
      &lt;div&gt;&lt;input type="password" name="password" class="form-input" placeholder="Password" onfocus="this.placeholder=''" onblur="this.placeholder='Password'" id="Password"&gt;&lt;/div&gt;       &lt;div&gt;&lt;input type="password" name="pass_confirm" class="form-input" placeholder="Confirm password" onfocus="this.placeholder=''" onblur="this.placeholder='Confirm password'" id="PassConfirm"&gt;&lt;/div&gt;        &lt;div&gt;&lt;input type="hidden" name="key" value="fff" id="Key"&gt;&lt;/div&gt;          &lt;input type="submit" value="Finish" class="button"&gt;     &lt;/form&gt;&lt;/div&gt;
  </code></pre>