title: Difficulties with JQuery UI Sortable inside Accordion backed by Knockout JS
body: <p>See the jsFiddle link <a href="http://jsfiddle.net/x5ZtX/4/" rel="nofollow">here</a> for the UI I am trying to construct. First, the user selects a Conference. The Events for the selected Conference are shown in the Accordion, and each Event has Tables which are shown inside the Accordion as a plain html table. The user should be able to drag/drop the Tables and customize their Sort Order. All this is backed by Knockout JS which has worked great so far, but I've hit a block...</p>
  
  <p>The first problem I had was "data-binding" the Accordion. I implemented the custom binding handler solution found <a href="https://groups.google.com/forum/?fromgroups=#!topic/knockoutjs/GEcJ8Pvgbjg" rel="nofollow">here</a>, and this seems to work great. However, I can't seem to reliably wire up the sortable functionality for the Table records.</p>
  
  <p>I can't simply call <code>$(".sortable tbody").sortable();</code> in the <code>$(document).ready(function(){});</code>. Although that works the for the first Conference, as soon as the SelectedConference changes, the sortable functionality is lost. I could add it to the update function of the Accordion's custom binder:</p>
  
  <pre><code>update: function (element, valueAccessor) {
  
              var options = valueAccessor();
              $(element).accordion("destroy")
              $(element).accordion({ active: "h3:last", collapsible: true });
  
              //TODO: add sortable call here
          }
  </code></pre>
  
  <p>That seems to work, but I'm new to custom binders. Is this innefficient? Are there better ways to implement the sortable functionality?</p>
  
  <p>Thanks! </p>