title: jQuery - Reorder sortable on load
body: <p>I have the following sortable order as the default</p>
  
  <pre><code>&lt;ul id="sortable"&gt;
  &lt;li id="1"&gt;Item 1&lt;/li&gt;
  &lt;li id="2"&gt;Item 2&lt;/li&gt;
  &lt;li id="3"&gt;Item 3&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>But let's say that a user move item 3 to position 1 then I save it to the database and now the new position is 3,1,2</p>
  
  <p>When they access the page to edit I put the new order to this div</p>
  
  <pre><code>&lt;div id="position"&gt;3,1,2&lt;/div&gt;
  </code></pre>
  
  <p>But I don't know how to re-order the sortable when the page load using the new position from id="position" I've look at all the methods of sortable but can't find the one to do it.</p>
  
  <pre><code>$( "#sortable" ).sortable();
  </code></pre>