title: jquery ui get id of child element of dragged element, when dropped
body: <p>I've read through many of the drag and drop threads on SO and i haven't found one that tells me how to get the child element id of the dragged element, when the dragged element is dropped.</p>
  
  <p>For example if you have </p>
  
  <pre><code>&lt;div id='drag'&gt;
    &lt;img id="something"/&gt;//how do i get this id when #drag is dropped?
  &lt;/div&gt;
  
  &lt;div id='drop'&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the js</p>
  
  <pre><code>$('#drag').draggable({
    containment: '#content',
    scrollSensitivity: 60,
    revert: 'invalid',
    cursor: 'move'
  });
  
  $('#drop').droppable({
    accept: '#albumImgs li',
    activeClass: 'dropContainerOpen',
    drop: function(event, ui) {
      var fileName = $(ui.draggable.attr('alt'));
      console.log(fileName);
    }
  });
  </code></pre>