title: Why is $('#sortthis').sortable("serialize") just returning a string that says '[object Object]'?
body: <p>I'm trying to get an ajax version of sortable working. I have this Javascript:</p>
  
   
  
  <pre><code>&lt;script src="/Scripts/jquery-ui/jquery.ui.widget.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery-ui/jquery.ui.mouse.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="/Scripts/jquery-ui/jquery.ui.sortable.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      // Sortable
      $(document).ready(function () {
          $("#sortThis").sortable({
              handle: '.handle',
              update: function () {
  
                  // get new order
                  var order = $('#sortthis').sortable('serialize');
  
                  // excecute ajax for db update
  
                  $.post(
                      "/find/ajaxactionhere",
                      order,
                      function (data) {
                          $("#info").html(data);
                      }
                  );
              }
          });
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>And this html in my asp.net mvc view:</p>
  
  <pre><code>&lt;table&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;headers&lt;/th&gt;
              &lt;th&gt;headers&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody id="sortThis"&gt;
          &lt;% foreach (var item in Model) %&gt;
          &lt;% { %&gt;
              &lt;tr id="list_&lt;%: item.Tier %&gt;"&gt;
                  &lt;td&gt;
                  &lt;img class="handle" src="/sortIcon.gif" /&gt;
                  &lt;/td&gt;
                  &lt;td&gt;&lt;%: item.data %&gt;&lt;/td&gt;
  &lt;/tr&gt;
          &lt;% } %&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  
  
  <p>This successfully allows me to reorder the all of the table rows. My action to handle the ajax post request is like this:</p>
  
  <pre><code>    [HttpPost]
      public string ajaxactionhere(FormCollection form)
      {
          StringBuilder sb = new StringBuilder();
  
          sb.Append(":: ");
  
          if (form != null)
          {
              foreach (var key in form.AllKeys)
              {
                  sb.Append(form[key]);
              }
          }
          else
          {
              sb.Append("null");
          }
          return sb.ToString();
      }
  </code></pre>
  
  <p>the javascript variable <code>order</code> has <code>$('#sortthis').sortable('serialize');</code> assigned to it. Whenever I display <code>order</code> it says "[object Object]". I can't figure out how to get the contents of that object as a string.</p>
  
  <p>Any help would be greatly appreciated. </p>