title: jQuery sortable 'serialize' method returning blank string
body: <p>My table looks like: </p>
  
  <pre><code>&lt;table id="pages_table"&gt;
  &lt;tr&gt;
   &lt;th&gt;Name&lt;/th&gt;
   &lt;th&gt;Sub title&lt;/th&gt;
   &lt;th&gt;Icon url&lt;/th&gt;
   &lt;th&gt;Order&lt;/th&gt;
  &lt;/tr&gt;
  
  &lt;tbody&gt;
  &lt;% @pages.each do |page| %&gt;
  &lt;tr id="page&lt;%=page.ordering %&gt;"&gt;
    &lt;td&gt;&lt;%= page.name %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= page.sub_title %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= page.icon_url %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= page.ordering %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= link_to 'Show', page %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= link_to 'Edit', edit_page_path(page) %&gt;&lt;/td&gt;
    &lt;td&gt;&lt;%= link_to 'Destroy', page, method: :delete, data: { confirm: 'Are you sure?' } %&gt;&lt;/td&gt;
  &lt;/tr&gt;
  &lt;% end %&gt;
  &lt;/tbody&gt;
  </code></pre>
  
  <p></p>
  
  <p>And my javascript is:</p>
  
  <pre><code>$(function() {
  
   $("#pages_table tbody").sortable({
     update  : function () { 
     var order = $("#pages_table tbody").sortable('serialize'); 
     console.log(order);
    }
   });
  });
  </code></pre>
  
  <p>For whatever reason, the console statement prints out a blank string, and I can't figure out why.</p>