title: jQuery UI's Sortable update event not firing
body: <p>I'm using jQuery UI's Sortable and I would like to call a function on update. Here's the code I'm trying now.</p>
  
  <pre><code>$(".sortable").sortable({
      handle: '.handle'
      , start: function (event, ui) {
          console.log('started sorting ' + $(event.srcElement).index());
          prev_sortable_index = $(event.srcElement).index();
          $('.sortable li:not(.ui-state-highlight)').each(function () {
              prev_list_elements.push($(this));
              new_sort_order.push($(this).index());
          });
          console.log(new_sort_order);
      }
      , update: function (event, ui) {
          alert("testing");
      }
  });
  </code></pre>
  
  <p>After sorting, I do not receive the alert message. If I move 'update' above 'start', I have the same results. I have tried adding the alert to the start event, stop event, and update event. I do not get any errors or warnings, just the update event does not seem to fire. I also made sure I do not have any preventDefault or stopPropagation interfering with my targeted elements.</p>
  
  <p>Edit: Adding HTML</p>
  
  <pre><code>&lt;ul class="sortable no-margin no-padding" style="list-style:none;"&gt;
     &lt;li class="item green-row"&gt;&lt;span class="handle"&gt;&lt;img src="~/Images/handle.png" style="width:14px; margin-top:2px;" /&gt;&lt;/span&gt;
         &lt;table style="width:97%;"&gt;
            &lt;tr style="background:none;"&gt;
               &lt;td style="width:130px;"&gt;Plan Check Fee&lt;/td&gt;
               &lt;td style="width:120px;"&gt;Plan Check&lt;/td&gt;
               &lt;td style="width:80px;"&gt;-&lt;/td&gt;
               &lt;td style="width:103px;"&gt;$1200.00&lt;/td&gt;
               &lt;td style="width:113px;"&gt;-&lt;/td&gt;
               &lt;td style="width:92px;"&gt;$100.00&lt;/td&gt;
               &lt;td style="width:100px;"&gt;$1100.00&lt;/td&gt;
               &lt;td style="width:88px;"&gt;$1100.00&lt;/td&gt;
            &lt;/tr&gt;
         &lt;/table&gt;
      &lt;/li&gt;
      &lt;li class="item green-row"&gt;&lt;span class="handle"&gt;&lt;img src="~/Images/handle.png" style="width:14px; margin-top:2px;" /&gt;&lt;/span&gt;
         &lt;table style="width:97%;"&gt;
            &lt;tr style="background:none;"&gt;
               &lt;td style="width:130px;"&gt;Plan Check Fee&lt;/td&gt;
               &lt;td style="width:120px;"&gt;Plan Check&lt;/td&gt;
               &lt;td style="width:80px;"&gt;-&lt;/td&gt;
               &lt;td style="width:103px;"&gt;$1200.00&lt;/td&gt;
               &lt;td style="width:113px;"&gt;-&lt;/td&gt;
               &lt;td style="width:92px;"&gt;$100.00&lt;/td&gt;
               &lt;td style="width:100px;"&gt;$1100.00&lt;/td&gt;
               &lt;td style="width:88px;"&gt;$1100.00&lt;/td&gt;
            &lt;/tr&gt;
         &lt;/table&gt;
      &lt;/li&gt;                                               
  &lt;/ul&gt;
  </code></pre>