title: Find position of left top corner when finish dragging div
body: <p>I have div container and inside couple divs with class demo like</p>
  
  <pre><code>&lt;div id='container' style='width:500px;height:500px;'&gt;
  &lt;div class='demo' style='width:100px;height:100px;'&gt;&lt;/div&gt;
  &lt;div class='demo' style='width:100px;height:100px;'&gt;&lt;/div&gt;
  &lt;div class='demo' style='width:100px;height:100px;'&gt;&lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p>and function inside ready in jquery </p>
  
  <pre><code>$(function(){
  $('.demo').draggable()
  .resizable({
  stop:function(event,ui){}
  alert(ui.size.width+' '+ui.size.height);
  })
  
  });
  </code></pre>
  
  <p>How to fetch position of left top corner (relative to parent div id=container) when I finish dragging div with class='demo' insider parent div id="container"?</p>