Многосвязные датпикеры пользовательского интерфейса jQuery

Я хочу иметь возможность связывать несколько пар экземпляров jQuery UI datepicker, чтобы второй в каждой паре не мог выбрать дату раньше, чем первый. Я следую этому примеру , чтобы начать работу.

Пример:

Start: 
End: 




Start: 
End: 

Я просматриваю экземпляры в цикле, нахожу "счетчик" номер:

$(document).ready(function() {
    var starts = $("input[name='counter']");
    var dates = new Array();
    starts.each(function(){
        var x = this.value;
        // http://jqueryui.com/demos/datepicker/#date-range
        dates[x] = $( "#start_"+x+", #end_"+x ).datepicker({
            onSelect: function( selectedDate ) {
            var option = this.id == "#start_"+x ? "minDate" : "maxDate",
            instance = $( this ).data( "datepicker" );
            date = $.datepicker.parseDate(
            instance.settings.dateFormat ||
            $.datepicker._defaults.dateFormat,
            selectedDate, instance.settings );
            dates[x].not( this ).datepicker( "option", option, date );
            }
        });
    });
});

Это работает, чтобы включить датпикер на каждом входе, но это не так. t запретить второму экземпляру выбрать дату раньше первого. Фактически требует , чтобы второй экземпляр выбрал дату перед первым. При выборе второй экземпляр заполняет оба входа!

Кто-нибудь может увидеть, где я ошибаюсь?