Jquery UI sortable, store location and size?
<p>I am new to Jquery and am trying to store the location and size of the elements on a page which are being sorted using the Jquery UI plugin. I want the user to "save" the current layout, and the data to be stored in a database using php/mysql so when they re-visit the elements will be the same size and location?</p>

<pre><code> &lt;script type="text/javascript"&gt;
    $(function() 
    {
     $("#sortable").sortable({
      revert: true,
      axis: 'y',
      opacity: 0.9,
      tolerance: 'pointer',

     });

     $("#draggable").draggable({
        connectToSortable: '#sortable',
      helper: 'clone',
      revert: 'invalid'   
     }) 
     $("#sortable").resizable({})  
    });

    &lt;/script&gt;
</code></pre>

<p>Above is part of my script which basically allows boxes to be sorted and dragged using a list.</p>

<p>Many Thanks.</p>

<p>EDIT:</p>

<pre><code>&lt;body&gt;

&lt;div class="demo"&gt;

&lt;ul id="sortable"&gt;
    &lt;li class="ui-state-default"&gt;Item 1&lt;/li&gt;
    &lt;li class="ui-state-default"&gt;Item 2&lt;/li&gt;
    &lt;li class="ui-state-default"&gt;Item 3&lt;/li&gt;
&lt;/ul&gt;

&lt;/div&gt;
</code></pre>

<p>I am trying to use div tags alone without having to get them in a list also? Without having to include the divs inside a list.</p>

<p>Thanks again.</p>
