title: jquery drag image into text and show url of that image
body: <p>I have a textbox, a div, and an image.</p>
  
  <p>Do we have any way to do like this:</p>
  
  <ol>
  <li>When I drag that image into the div. (The image don't need to move, just like we left click on it, and drag it to anywhere, but it never move.)</li>
  <li>The div show the image. (Duplicated 1 image into the div)</li>
  <li>The text show URL of that image.</li>
  </ol>
  
  <p>Do you have any idea or article(s) on doing this thing?</p>
  
  <p>I've never coded drag drop in my life, but I know <strong>Step 2</strong> is just set HTML for the div, and <strong>Step 3</strong> is just get image src. However, on <strong>Step 1</strong>, how do I know when <strong>"the image into the div and the mouse release?"</strong></p>
  
  <p>I know <a href="http://www.jqueryui.com" rel="nofollow">jQuery UI</a>, it's not the dragable from <a href="http://www.jqueryui.com" rel="nofollow">jQuery UI</a>, cause the draggable makes object move. <em>I don't want it move.</em> Can you try click on any image on this <em>stackoverflow</em> website, or any link. Then you hold your mouse and drag it. Try drag a link into the search box at top, and you get the link. Thats what I want. Not the dragable of <a href="http://www.jqueryui.com" rel="nofollow">jQuery UI</a> to make the object move.</p>