How to get the index of the new draggable element in Jquery draggable
<p>Any ideas how to get the index of the new drop area? I'm only capable of getting the old index.</p>

<pre><code>$("#xxx li").droppable({
    connectToSortable: "#yyy",
    helper: "original"
});
// lINKA DROPABBLE COM SORTABLE, PARA TODOS OS ELEMENTS
$("#yyy").sortable({
    connectWith: ' #xxx',
    helper: 'original',
    revert: 0
}).droppable({
    activeClass: "active",
    hoverClass: "hover",
    connectToSortable: "#xxx",
    helper: "original",
    drop: function (event, ui) {
        // actualizar dados
        // alert( "Div que recebe data-id: " + $(this).closest('ul').attr('id') );
        // alert( "Valor do data-id: " + $(ui.draggable).attr("data-id") );
        // alert( "Posicao index anterior: " + $(ui.helper).index() );
        // alert( "Posicao Nova Posicao: " + $(ui.helper).index() );
        alert($(this)..attr('id'));
        // save data to input
    }
});
</code></pre>
