I have an ember.js app that I would like to use jquery ui's sortable widget on. My view looks like
<ul id="sort-container">
{{#each content}}
<li>{{title}}</li>
{{/each}}
</ul>
Sorting works fine, until one of the bindings needs to update. The problem is that each <li> gets surrounded by ember's infamous metamorph <script> tags. See the actual DOM generated in this image
Is there an easy way to make these two play nicely together?
Is there a way to force the view to repaint? I could easily implement that after the sortable deactivate event is fired.