Jquery UI 1.8 sortable serialize method return always the same order

Jquery UI 1.8 sortable serialize method return always the same order

Hello
I have a problem with the serialize method of sortable. It always return the same order even if I moved some element... I may miss something. Here is the code :
  1. $(settings.columns).sortable({
          items: $sortableItems,
          connectWith: $(settings.columns),
          handle: settings.handleSelector,
          placeholder: 'widget-placeholder',
          forcePlaceholderSize: true,
          revert: 300,
          delay: 100,
          opacity: 0.8,
          containment: settings.columnsContainer,
          start: function (e,ui) {
            $(ui.helper).addClass('dragging');
          },
          update: function() {
            jQuery.ajaxSettings.traditional = true;
            $(this).sortable('refresh');
            $(this).sortable('refreshPositions')
            console.log($(this).sortable('serialize'));
          },
          stop: function (e,ui) {
            iNettuts._setColumnsContainerHeight();
            $(ui.item).css({
              width:''
            }).removeClass('dragging');
            $(settings.columns).sortable('enable');
          }
        });

























The HTML is something like :
  1. <div id="columns" class="columns">
            <ul id="column1" class="column">
              <li class="widget color-green" id="block_1">
                <div class="widget-head">
                  <h3>Introduction Widget</h3>
                </div>
                <div class="widget-content">
                  <p>Lorem .</p>
                </div>
              </li>
              <li class="widget color-red" id="block_2">
                <div class="widget-head">
                  <h3>Widget title</h3>
                </div>
                <div class="widget-content">
                  <p>Lorem </p>
                </div>
              </li>
            </ul>

            <ul id="column2" class="column">
              <li class="widget" id="block_3">
                <div class="widget-head">
                  <h3>Widget title</h3>
                </div>
                <div class="widget-content">
                  <p>Lorem.</p>
                </div>
              </li>
              <li class="widget color-yellow" id="block_4">
                <div class="widget-head">
                  <h3>Widget title</h3>
                </div>
                <div class="widget-content">
                  <p>Lorem </p>
                </div>
              </li>
            </ul>

            <ul id="column3" class="column">
              <li class="widget color-orange" id="block_5">
                <div class="widget-head">
                  <h3>Widget title</h3>
                </div>
                <div class="widget-content">
                  <p>Lorem .</p>
                </div>
              </li>
              <li class="widget color-white" id="block_6">
                <div class="widget-head">
                  <h3>Widget title</h3>
                </div>
                <div class="widget-content">
                  <p>Lorem.</p>
                </div>
              </li>
            </ul>
          </div>
























































The serialize method return in this case :
block[]=2&block[]=3&block[]=4&block[]=5&block[]=6
block[]=2&block[]=3&block[]=4&block[]=5&block[]=6

Can anyone help me to figure it out?

Thanks a lot