Dynamically removing selectees from selectable

See comments below ...

$(".selectable").selectable({

    selected: function(event, ui) {
        
        // I would like to have the next selectee to be not selectable. Unfortunately
        // this is not working as expected. The next one is still selectable by the single click.
        // However drag selecting correctly recognizes that this selectee has been disabled.
        $(ui.selected).next("li").removeClass("ui-selectee");
    },

    stop: function() {

        // Recalculate the position and size of each selectee
        $(this).selectable('refresh');
    }
});