title: Draggables Jquery UI with start & stop
body: <p>Read the doc on JQuery UI's &amp; I am using draggable() function from this plugin &amp; I am able to drag &amp; drop a div.</p>
  
  <p>But now I want to drag a thumbnail (#b1) &amp; on my drop my div (#d) should appear.
  I got to know there is an currentTarget in event which is calling the thumbnail.
  What I know is I have to change</p>
  
  <pre><code> var objArr = new Array();
  
    $(function() {    
    $( "#b1" ).draggable({
    start: function(event, ui) {
  
    },
    stop: function(event, ui) {
  
          $(".box").append('&lt;div id="box'+objArr.length+'" class="border" onclick="$(this).resizable();$(this).draggable();"&gt;&lt;img src="close.png" alt="close" width="20" height="20" class="close" id=box"'+objArr.length+'" onclick="$(this).parent().hide();"&gt;  &lt;textarea rows="2" class="txt" id="TextBox'+objArr.length+'" cols="2"&gt;&lt;/textarea&gt;&lt;/div&gt;');          
          var tmpObj = $("#box"+objArr.length)
          tmpObj.offset().top = event.clientY
          tmpObj.offset().left = event.clientX
          objArr.push(tmpObj)
  
    }
  });
  </code></pre>
  
  <p>How to do that I don't know.
  Please help.</p>