title: jQueryUI sortable re-binding on update
body: <p>I have a <code>&lt;ul&gt;</code> tag that is "hardcoded" in my markup:</p>
  
  <p>So, something like:</p>
  
  <pre><code>&lt;ul id='myList'&gt;&lt;/ul&gt;
  </code></pre>
  
  <p>and then I have this:</p>
  
  <pre><code>$(document).ready(function() {
  //Some code
     $("#myList").sortable();
  //Some more code
  });
  </code></pre>
  
  <p>Now, my issue lies when I update the <code>&lt;ul&gt;</code> dynamically with a button click. The list in question gets generated by the user at runtime. So, when the page loads with some data in it (it's all stored in the database) the <code>&lt;li&gt;</code> objects are all listed properly and created as expected as <code>.sortable()</code>. Once I add a new entry, the entire list reverts to a list with bullet points showing, and no longer <code>.sortable();</code>. When the user enters data, the data is stored to the data and returned to the client via JSON (ie. no postback).</p>
  
  <p>So, my question is, is there a way to re-bind the <code>.sortable();</code> on the fly so that the list never falls back to a standard <code>&lt;li&gt;</code> element and will always be <code>.sortable();</code>?</p>