title: How can I compute a dragged div's position
body: <p><a href="http://jsfiddle.net/prince4prodigy/vR2DU/7/" rel="nofollow noreferrer">http://jsfiddle.net/prince4prodigy/vR2DU/7/</a></p>
  
  <p>How can I compute a dragged div's position?</p>
  
  <p>if you re-size the window you can see 'left' &amp; 'top' property of div but if you drag div, 'left' &amp; 'top' property don't computing (real time)</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="container" class="container-container-fluid"&gt;
       if you drag div, 'left' &amp; 'top' property dont computing (real time)
       &lt;div id="div1" class="item drag"&gt;div&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="left"&gt;&lt;/div&gt;
  &lt;div id="right"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(function(){
  
         $( ".drag" ).draggable({ 
           containment : '#container'
  
         }); 
  
  
         function wResize() {
  
           var winW = $(window).width();
           var Body = $('body');
           var d = $('#div1').position();
  
  
           $('#div1').css({
               position:'absolute',
               color:'red'}); 
  
          //show value of left &amp; top property
           $('#left').html('left : ' + d.left )
           $('#right').html('top : ' + d.top)
  
   }
  
   wResize();
  
  $(window).resize(function() {
      wResize();
  });
  
  });   
  </code></pre>
  
  <p>EDIT: the jsfiddle edited, please see it again.</p>