So, I have several lists (<ol>), and I made the <li> elements sortable, within the same list, and also between the lists (they're connected).

What I'm trying to do, is having a function when the <li> element is dragged in the same list, and a different one when it is dragged to other list.

This is what I have:

2. $(ol).sortable({ placeholder: 'ui-state-highlight', handle: '.liHandler',
3. connectWith: '.list ol', opacity: 0.6, containment: listsContainer,
4. update: function()
5. { updateElementsOrder(ol, ol.parentNode); },
6. receive: function()
7. {
8.                   //when the element is dragged to other list
9.              //this points to the new <ol>
10. }
11. });

So, I can have access to the new list (<ol>), but I'm not seeing a way to know which element was dragged.

Basically I want to have access to the <li> element that was dragged (or the handle, works too).

Anyone knows how to do it?