title: Angular Sortable events work differently than using JQuery
body: <p>I'm seeing differences in the sortable events from JQuery Sortable and Angular Sortable although my understanding is that the Angular events and options should the same as JQuery:</p>
  
  <p>"All the jQueryUI Sortable options can be passed through the directive."
  <a href="https://github.com/angular-ui/ui-sortable" rel="nofollow">https://github.com/angular-ui/ui-sortable</a></p>
  
  <p>The following shows a jquery sortable. When an item is dragged and dropped an alert shows the index of the dropped item AFTER its dropped.
  <a href="http://jsfiddle.net/L7jemdbh/" rel="nofollow">http://jsfiddle.net/L7jemdbh/</a></p>
  
  <pre><code>$(".sort-list-horizontal").sortable({containment: 'parent', tolerance: "pointer" })
      .on( "sortupdate", function( event, ui ) { alert(ui.item.index()); } );
  </code></pre>
  
  <p>The same sortable using Angular has the same alert however it shows the item's index BEFORE the item is dropped.
  <a href="http://jsfiddle.net/zobgawqt/" rel="nofollow">http://jsfiddle.net/zobgawqt/</a></p>
  
  <pre><code>$scope.sortableOptions = {
      tolerance: 'pointer',
      update: function(event, ui) { alert(ui.item.index()); }
  };    
  </code></pre>
  
  <p>Why is the Angular version different? How do I find the index after the drop?</p>
  
  <p>(I also note that the containment option works in the jquery version but not in the Angular version so I've turned it off)</p>