title: Problem with JQueryUI Sortable: serialize reporting the wrong order
body: <p>I'm using <code>sortable</code> to implement a one-dimensional list of widgets. It's working alright, but when I call <code>serialize</code> to send the current order back to the server, the wrong order is generated.</p>
  
  <p>Here's my HTML, note the ordering of widget IDs: 13, 10, 11:</p>
  
  <pre><code>&lt;div id="widget_columns"&gt;
      &lt;ul id="column1" class="widget-column grid_8 alpha ui-sortable"&gt;
          &lt;li id="widget_13" class="widget"&gt;
          (a widget!)
          &lt;/li&gt;
  
          &lt;li id="widget_10" class="widget"&gt;
          (a widget!)
          &lt;/li&gt;
  
          &lt;li id="widget_11" class="widget"&gt;
          (a widget!)
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The list is initialized with </p>
  
  <pre><code>    $(#widget_columns').sortable({
          connectWith: $(#widget_columns'),
          handle: settings.handleSelector,
          placeholder: 'widget-placeholder',
          forcePlaceholderSize: true,
          revert: 300,
          delay: 100,
          opacity: 0.8,
          containment: 'document',
          start: function (e, ui) {
              $(ui.helper).addClass('dragging');
          },
          stop: function (e, ui) {
              $(ui.item).css({ width: '' }).removeClass('dragging');
              $(settings.columns).sortable('enable');
          }
      });
  </code></pre>
  
  <p>However, when I then call </p>
  
  <pre><code>alert($('#widget_columns *').sortable('serialize'));
  </code></pre>
  
  <p>to find out the widget order, I get the correct IDs, but in the wrong order, 10, 11, 13:</p>
  
  <pre><code>widget[]=10&amp;widget[]=11&amp;widget[]=13
  </code></pre>
  
  <p>Any idea why this might be?</p>