title: JQuery Sortable - Sorting absolute positioned elements and placeholder
body: <p>After fighting and fightings with this problem, I have no choice but ask for help! My situation is this: I have a number of <strong>absolutely positioned</strong> elements. Each of these elements has its own attributes "<strong>top</strong>" and "<strong>left</strong>". The HUGE problem I'm having with this is when I try to sort the items.</p>
  
  <pre><code>$(".container").sortable({
      containment: ".container",
      cursor: 'move',
      items: '.element',
      helper: 'clone',
      placeholder: 'new-placeholder',
      forcePlaceholderSize: true,
      tolerance: 'pointer',
      revert: true,
      scroll: false,
      start: function(event, ui) {
          event.stopPropagation();
          $(".new-placeholder").css("left", ui.helper.position().left);
          $(".new-placeholder").css("top", ui.helper.position().top);
          $(".new-placeholder").css("height", ui.helper.height());
          $(".new-placeholder").css("width", ui.helper.width());
      },
      change: function(event, ui) {
          console.log("Placeholder index: " + ui.placeholder.index());
      }
  }).disableSelection();
  </code></pre>
  
  <p>This is the <a href="http://jsfiddle.net/fedeleoncba/K79KN/" rel="nofollow">Current Behavior</a> and this is the <a href="http://jsfiddle.net/fedeleoncba/Zuxpn/" rel="nofollow">Expected behavior</a></p>
  
  <p>As you can see, the elements should change their position when the dragged element is on over. Is there any better way to do this? I can't get rid of the absolute positions, that's the mainly issue. I know the solution have to be on the change, update and stop methods, but I can't figure this out by myself.</p>
  
  <p>So far, all I got was to get the new index of the placeholder when the item is being dragged over another element but ¿how can I change the position of the placeholder and sort the rest of the elements according to that?</p>