Stripe.Js: Display Image of Entered Credit Card

gistfile1.js

(function($) {

    var defaultCardMapping = 'generic.png';
    var cardMappings = [
        {name: 'Visa', image:'visa.png'},
        {name: 'MasterCard', image:'mastercard.png'},
        {name: 'American Express', image:'amex.png'},
        {name: 'Discover', image:defaultCardMapping},
        {name: 'Diners Club', image:defaultCardMapping},
        {name: 'JCB', image:defaultCardMapping},
        {name: 'Unknown', image:defaultCardMapping}
    ];

    function setCardImage() {
        var cardImage = $('#credit-card-image');
        if (!cardImage.length) {
            return;
        }

        var credit_card = $(this).val();

        var cardType = Stripe.cardType(credit_card);

        if (cardType) {
            var foundCardType;
            for (var i = 0; i < cardMappings.length; i++){
                if (cardMappings[i].name == cardType) {
                    foundCardType = cardMappings[i].image;
                    break;
                }
            }
        }

        if (!foundCardType) {
            foundCardType = defaultCardMapping;
        }

        cardImage.attr('src', '/images/' + foundCardType);
    }

    $(function() {
        $('#credit-card-field').keyup(setCardImage);
    });

})(jQuery);