title: Aurelia Jquery-UI Sortable communication
body: <p>I'm trying to implement the sortable-list feature form jquery-ui with aurelia. Whats the best way to update the items (inside aurelia controller) with the new order from the dom? Is "ref" an approach here?
  Easy re-sort the list-items in the dom, but how apply the changes to the aurelia-list-object?</p>
  
  <pre><code>  &lt;ul class="sortable"&gt;
      &lt;li repeat.for="item of items"&gt;
         Stuff.
      &lt;/li&gt;
    &lt;/ul&gt;
  </code></pre>
  
  <p>One Approach would be to attach the $index to the li-item, read them with jquery after the order was changed and create an new array with the order ([0,3,1,2]). Then iterate throigh this array and push the items of the original "item"-array in the controller to a new array according to their index. This seems rather clunky and unperformant though.</p>
  
  <p>Is there a more elegant solution?</p>