Creating a sortable view using the html5sortable plugin and emberjs

ember-sortable-list.js

// Working on getting html5sortable plugin working
// Key part is needing to call the sortable() method using Ember.run.next
// If called straight away the functionality quickly gets applied, but then is lost
// At least that's what it looks like when stepping through chrome debugger
// http://farhadi.ir/projects/html5sortable/

App.SortableView = Ember.CollectionView.extend({
    tagName: 'ul',
    itemViewClass: 'App.SortableItemView', 

    didInsertElement: function(){
      var view = this;
    	Ember.run.next(function() {
    		$(view.get('element')).sortable();
    	});
    }
});

App.SortableItemView = Ember.View.extend({
    templateName: 'sortable-item'     
});

sortable-item.hbs

<script type="text/x-handlebars" data-template-name="sortable-item">
  {{ view.content.name }}
</script>