title: jQuery Drag & Drop returns "Object has no method 'appendChild'" error
body: <p>i have what i thought would be a simple drag and drop I can't seem to get to work. I simply want to move a dragged image into its target:</p>
  
  <pre><code>$('img').each(function(){
    var self = $(this);
    self.attr('draggable', 'true');
    self.bind('dragstart', function (e) {
      e.originalEvent.dataTransfer.setData('text', self.attr('id'));
    })
  })
  $('.drop-target').each(function(){
    var self = $(this);
    self.bind('dragover', function (e) {
      e.preventDefault();
    })
    self.bind('dragenter', function (e) {
      e.preventDefault();
    })
    self.bind('drop', function (e) {
      var elemId = e.originalEvent.dataTransfer.getData("text");
      console.log("elem id: "+elemId)
      self.appendChild($(elemId));
      if(e.preventDefault){
        e.preventDefault()
      }
    });
  })
  </code></pre>
  
  <p>So - the element ID is being passed without issue. I'm just getting a Uncaught TypeError: Object [object Object] has no method 'appendChild' message in the console. thoughts?</p>
  
  <p>Need more info?? Thanks!</p>