Credit Card Expiration Check

Credit Card Expiration Check

I am trying to use the credit card expiration checking as outlined by jwiradin here. However regardless of which month I select, it says the expiration is incorrect.. Below is the code I am using. Does anyone know what I need to change to make it work correctly?

Thanks in advance.

  1. ===========================
    In the <head> section
    ==========================

    <script type="text/javascript">

    $(document).ready(function() {
    //***********************

                $.validator.addMethod(
                "CCExp",
                    function(value, element, params) {
                        var minMonth = new Date().getMonth() + 1;
                        var minYear = new Date().getFullYear();
                        var $month = $(params.cardExpMonth);
                        var $year = $(params.cardExpYear);

                        var month = parseInt($month.val(), 10);
                        var year = parseInt($year.val(), 10);

                        if ((year > minYear) || ((year === minYear) && (month >= minMonth))) {
                            return true;
                        } else {
                            return false;
                        }
                    }
                ,
                "Your Credit Card Expiration date is invalid.");

    //**********************
            jQuery.validator.addClassRules("Zip", {
              required: true,
            minlength: 5
    });
        $("#orderForm").validate(
        {
        rules: {
        cardNumber: {
          required: true,
          creditcard: true,
          minlength: 13,
          maxlength: 16     
        },
        cardExpYear: {
            CCExp: { month: "#cardExpMonth",
                year: "#cardExpYear"
            }
        },
       
        email_again: {
          equalTo: "#email"
        }
       
      }
    }
        );
      });

      </script>

    ==========================
    in the <body> section
    =========================
    <div><label for="cardNumber">Card Number</label>
    <input type="text" class="required" size="25" name="cardNumber" id="cardNumber" autocomplete="off" />
    <br /></div>

    <div><label for="cardExpMonth">Expiration Date</label>

    <select name="cardExpMonth" id="cardExpMonth" size="1">
        <option value="1" selected>1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
        <option value="6">6</option>
        <option value="7">7</option>
        <option value="8">8</option>
        <option value="9">9</option>
        <option value="10">10</option>
        <option value="11">11</option>
        <option value="12">12</option>
    </select>

    <select name="cardExpYear" id="cardExpYear" size="1">
        <option value="2010" selected>2010</option>
        <option value="2011">2011</option>
        <option value="2012">2012</option>
        <option value="2013">2013</option>
        <option value="2014">2014</option>
        <option value="2015">2015</option>
    </select>
    </div>                   
    </label>