title: How to get URL of a dropped (linked) image?
body: <p>I'm trying to retrieve a url of an image dropped into a div. This is the code I use:</p>
  
  <pre><code>$('#dropzone')
      .bind('dragenter dragover', false)
      .bind('drop', function(e) {
          e.stopPropagation();
          e.preventDefault();
          alert(e.dataTransfer.getData('text'));
      });
  </code></pre>
  
  <p>Thing is, while it works great when dragging and dropping unlinked images (I get the <code>src</code> attribute of the <code>img</code> element), when I try to do this with images that they are links( <code>&lt;a href="..."&gt;&lt;img src="..."&gt;&lt;/a&gt;</code>), I get the <code>href</code> attribute of the <code>a</code> element instead of the <code>src</code> attribute of the <code>img</code> element.</p>
  
  <p>Any ideas?</p>
  
  <p>I don't care about browser compatibility, I want to make it work in Firefox (or Chrome) only.</p>
  
  <p><strong>Edit: Here's how it looks like:</strong> <a href="http://jsfiddle.net/SPdHR/2/" rel="nofollow">http://jsfiddle.net/SPdHR/2/</a></p>
  
  <p>(seems to be working only in Firefox by the way)</p>