title: Draggable objects alignment
body: <p>Im trying to make draggable objects align to each other from far.
  its allmost done but the thing that is not working is if you watch carefully at the example, the helpers are 1 move behind.. if u move it 1 pixel up the helpers will go to the -1 place u were.. and only next move be where your mouse was :(</p>
  
  <p>hope u understand <a href="http://jsbin.com/oqohuq/1/watch" rel="noreferrer">HERE IS A WORKING CODE (DEMO)</a></p>
  
  <p>any ideas what is wrong with it?</p>
  
  <p>i think the problem is in this part but i dont know what to change that will work without this bug:</p>
  
  <pre><code>drag: function(event, ui) { drawGuideLines($(this)); },
          start: function(event, ui) { removeAlignLines($(this)); },
          stop: function(event, ui) {
                  rebuildAlignLines($(this));
                  linesTimeout = setTimeout("hideGuideLines()", 100);
              },            
  </code></pre>