I have a group of divs that I would like to convert to drag and drop for reordering.

Note: I haven't implemented this ever.

Here's what I have:

ASP.net application that reads the sharepoint list (contains user preferred applications) on page load and for each item in the list it creates a div with content (icon + checkbox + link).

What I was thinking of doing is during my "for each" loop to also assign an ID ( or another custom attribute) to the items according to their order in the list.

What I need:

I need to reorder items with drag and drop and to SWAP ID's between the reordered items. Or, if I "cut in" with an item and place it between the other items, I need to reorder the IDs accordingly.

How do I accomplish this?

FIDDLE

Here's a screen of what I have now, without IDs.