title: get live position of draggable element
body: <p>I would like to know if anyone of you has a clue how to solve following problem:</p>
  
  <p>I have a lots of divs</p>
  
  <pre><code>&lt;div id="one"&gt;&lt;/div&gt;
  &lt;div id="two"&gt;&lt;/div&gt;
  &lt;div id="three"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>and they all are draggable with jquery ui</p>
  
  <pre><code>var $divs = $('#one, #two, #three')
  $divs.draggable({   
       start: dragStart, cursor: 'move', stop: dragEnd        
        });
  </code></pre>
  
  <p>what I want to is that I get the current position of the dragged element in realtime so that if an event is triggered if the dragged div is for example:</p>
  
  <pre><code>if($('#two').position().left &lt;= 500) { /*baadaboom*/ }
  </code></pre>
  
  <p>I drag the div at a point where </p>
  
  <blockquote>
    <p>left is 1000px</p>
  </blockquote>
  
  <p>and immediately if its </p>
  
  <blockquote>
    <p>smaller than 500px</p>
  </blockquote>
  
  <p>it should fire!</p>