JQUERY-UI Draggables - Seralize is running before the Draggable is complete

I'm using the JQUERY-UI draggable plugin. As a setting, when the Draggable is done, using the STOP setting I run a function to serialize a list of LIs to get their order in terms of their IDs.

For example, if I have an UL, with a list of LIs with the following IDs: 1,2,3,4,5

If I then move 5, between 2&3, the seralize is returning: 1,2,5,开发者_StackOverflow3,4,5

Which makes me think that the jQuery UI-Draggable STOP is running before the page is finished rendering, or the DOM isn't update?

Any ideas on how I can fix this from happening. Is there something I can do in my Serialize function to say, wait till jQuery animations are all done, or stop all that are going on to ensure the DOM is accurate?

Try the update event instead of the stop event...

This event is triggered when the user stopped sorting and the DOM position has changed.