title: Drag an image and dynamically generate text box
body: <p>i have a project where an image has to be dragged and dropped it in a specified area and when i drop it the text box should be generated with label like asp.net tool box. I am able to drag  the image by using jquery but don't have any idea how to get text area. So it will be very helpful if anyone has an idea regarding this.
  Thank you,
  Vijayesh.   </p>
  
  <p>here is what i have tried for dragging and am new to js or jquery</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
  
      $(function () {
         $("#Drag1").draggable( {
           cancel: "a.ui-icon", 
           revert: "invalid", 
           helper: "clone",
              });
        $("#drop").droppable({  });
  
         &lt;/script&gt; 
  </code></pre>