How to list the items of a sortable grid-list in jQuery?
<p>I am currently playing with the <strong>sortable</strong> interactions in jQuery. As for now, I added an unsorted list which is being displayed as a grid to my project. The <em>source code</em> is equivalent to the one I found in the <a href="http://jqueryui.com/demos/sortable/#display-grid" rel="nofollow">jQuery demo section</a>. I want the users to be able to display some values of a database, let them move each item to a position of their choice and send the changes back to the server. I implemented pretty much everything to do so, I however don't know how to obtain a list of the items on the client side, after users sorted the list according to their needs.</p>

<p>My question is: How can I get an array of all items after the user has moved the items around? I attempted to access the list's source code using something like this:</p>

<pre><code>$( "#sortable" ).toArray()[0]
</code></pre>

<p>Which returns a <strong>HTMLUListElement</strong> object. The field <em>innerText</em> is undefined and <em>innerHTML</em> returns the source code of the entire unsorted list, I however would like to iterate through all the items of this list.</p>

<p>There has to be an easier way to access them. Any help would be appreciated.</p>
