Na interface do usuário do jQuery, qual é o tipo / conteúdo do objeto "ui" passado para a função de retorno de chamada de muitos dos métodos de evento e como usá-lo?

Por exemplo, o "selecionável"demo, o evento"selecionado"é passado dois parâmetros." Evento "e" interface do usuário ". Estou tentando usá-lo da seguinte maneira:

    $("#selectable").selectable({ 
      selected: function(event, ui) { 
        $(ui).find("input").attr('checked', true); 
      } 
    });

(aqui está o html :)

<ol id="selectable"> 
    <li class="ui-state-default"><input type="checkbox" value="1" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="2" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="3" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="4" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="5" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="6" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="7" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="8" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="9" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="10" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="11" /></li> 
    <li class="ui-state-default"><input type="checkbox" value="12" /></li> 
</ol> 

Mas não está funcionando. O que estou fazendo de errado? Estou assumindo que o ui param está definido para um objeto que representa o "li" selecionado, mas quando eu tento usá-lo não parece ser o caso ...

Exemplo (exemplo de edição)