title: jQuery validate plugin adding multiple .rules() function
body: <p>Like I stated on the title,
  I would like to add multiple function .rules() to my script.
  When I tried this:</p>
  
  <pre><code>$("#braintree-payment-form").validate({});
  
  
  
      $("#month").rules('add', {
          required: true,
          regex: "(0[123456789]|10|11|12)",
          messages : {
              required: "Expiration date is required.",
              regex: "Invalid expiration date."
          }
      });
      $("#year").rules('add', {
          required: true,
          regex: "([0-9][0-9])",
          messages : {
              required: "Expiration date is required.",
              regex: "Invalid expiration date."
          }
      });
  
  
      $("#cardNum").rules('add', {
          required: true,
          regex: "(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})",
          messages : {
              required: "Credit card number is required.",
              regex: "Invalid credit card number"
          }
      });
  </code></pre>
  
  <p>Only the last .rules() applied,  and also it applied to the first input element rather than corresponding id one.</p>
  
  <p>Thanks in advance :) </p>
  
  <p>Here is the form that I am currently using:</p>
  
  <pre><code>&lt;form action="#" method="POST" id="braintree-payment-form"&gt;
      &lt;p&gt;
        &lt;label&gt;Card Number&lt;/label&gt;
        &lt;input type="text" size="20" autocomplete="off" name='number' id='number' data-encrypted-name="number"/&gt;
      &lt;/p&gt;
      &lt;p&gt;
        &lt;label&gt;CVV&lt;/label&gt;
        &lt;input type="text" size="4" autocomplete="off" name='cvv' data-encrypted-name="cvv" id='cvv'/&gt;
      &lt;/p&gt;
      &lt;p&gt;
        &lt;label&gt;Expiration (MM/YYYY)&lt;/label&gt;
        &lt;input type="text" size="2" data-encrypted-name="month" id="month" name = 'month' /&gt; / &lt;input type="text" size="4" data-encrypted-name="year" id="year" name='year' /&gt;
      &lt;/p&gt;
      &lt;input type="submit" id="submit" name='braintree'/&gt;
    &lt;/form&gt;
  </code></pre>