Firstly hey all,
I'm trying to write a simple focus next script. here's my javascript code
var order = new function () {
    this.fields = [
        "#OrderViewModel_OrderCreditCartNumbers1",
        "#OrderViewModel_OrderCreditCartNumbers2",
        "#OrderViewModel_OrderCreditCartNumbers3",
        "#OrderViewModel_OrderCreditCartNumbers4",
        "#OrderViewModel_OrderCreditCartExpireMonthId",
        "#OrderViewModel_OrderCreditCartExpireYearId",
        "#CreditCardCustomerName",
        "#OrderViewModel_OrderCreditCartCvc"
    ]
    this.events = function () {
        this.followcardnumber();
    }
    this.followcardnumber = function () {
        for (var i = 0; i < 4; i++) {
            var elem = $(this.fields[i]);
            var nextelem = $(order.fields[i + 1]);
            elem.on("keyup", function () {
                if ($(this).val().length == 4 && i != 3) {
                    nextelem[0].focus();
                }
            });
        }
    }
}
$(document).ready(function () {
    order.events();
});
This code should track keyup event for first 4 selector and focus next one. The problem is when a field full script focus field[4] and it should focus next field.
any tips?
Thanks for any help or idea.
