Credit Card Expiry Date validation in Jquery
<p>Though this question has been asked previously too, but it didn't work for me. So I am asking this question.
I want to apply validation on expiry date of credit card number. That means if expiry date is before the current date then it should print an error message below the expiry date dropdowns. Below is my HTML code:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$('#billmanagementform').validate({
        rules: {
              cardExpYear: {
                    CCExp: {
                          month: '#cc-exp-month',
                          year: '#cc-exp-year'
                    }
              }
        }
});

$.validator.addMethod('CCExp', function(value, element, params) {
        var minMonth = new Date().getMonth() + 1;
        var minYear = new Date().getFullYear();
        var month = parseInt($(params.month).val(), 10);
        var year = parseInt($(params.year).val(), 10);
        return (year &gt; minYear || (year === minYear &amp;&amp; month &gt;= minMonth));
  }, 'Your Credit Card Expiration date is invalid.');</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;script src="http://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"&gt;&lt;/script&gt;
&lt;form id="billmanagementform"&gt;
&lt;div class="col-sm-2 col-md-2 col-xs-4"&gt;
                        &lt;select name="cc-exp-month" id="cc-exp-month" class="wide100 required"&gt;
                            &lt;option value="" selected="selected"&gt;Month&lt;/option&gt;
                            &lt;option value="01"&gt;01&lt;/option&gt;
                            &lt;option value="02"&gt;02&lt;/option&gt;
                            &lt;option value="03"&gt;03&lt;/option&gt;
                            &lt;option value="04"&gt;04&lt;/option&gt;
                            &lt;option value="05"&gt;05&lt;/option&gt;
                            &lt;option value="06"&gt;06&lt;/option&gt;
                            &lt;option value="07"&gt;07&lt;/option&gt;
                            &lt;option value="08"&gt;08&lt;/option&gt;
                            &lt;option value="09"&gt;09&lt;/option&gt;
                            &lt;option value="10"&gt;10&lt;/option&gt;
                            &lt;option value="11"&gt;11&lt;/option&gt;
                            &lt;option value="12"&gt;12&lt;/option&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
                    &lt;div class="col-sm-4 col-md-4 col-xs-8"&gt;
                        &lt;select name="cc-exp-year" id="cc-exp-year" class="wide100 required"&gt;
                            &lt;option value="" selected="selected"&gt;Year&lt;/option&gt;
                            &lt;option value="2016"&gt;2016&lt;/option&gt;
                            &lt;option value="2017"&gt;2017&lt;/option&gt;
                            &lt;option value="2018"&gt;2018&lt;/option&gt;
                            &lt;option value="2019"&gt;2019&lt;/option&gt;
                            &lt;option value="2020"&gt;2020&lt;/option&gt;
                            &lt;option value="2021"&gt;2021&lt;/option&gt;
                            &lt;option value="2022"&gt;2022&lt;/option&gt;
                            &lt;option value="2023"&gt;2023&lt;/option&gt;
                            &lt;option value="2024"&gt;2024&lt;/option&gt;
                            &lt;option value="2025"&gt;2025&lt;/option&gt;
                        &lt;/select&gt;
                    &lt;/div&gt;
&lt;/form&gt;</code></pre>
</div>
</div>
</p>

<p>But this code is not at all working for me. Could you please tell that where I am going wrong?</p>