title: drag and drop display droppable ids on different div
body: <p>I'm new to jquery, please help or guide me along..
  I wanted to display the ids differently on different div for my droppable.
  How do I do it? Do I need array all my image? now only display everything on one div.. I wanted if drag and drop inside droppable.. It's take the value inside droppable and display out in different div.</p>
  
  <p><strong>jsFiddle</strong></p>
  
  <pre><code>https://jsfiddle.net/xInfinityMing/tv32ncsn/
  </code></pre>
  
  <p><strong>Javascript</strong></p>
  
  <pre><code>$(function() {
  $("#dragIcons .icons").draggable({
    revert: "invalid",
    refreshPositions: true,
    cursor: "move",
    cursorAt: {
      top: 56,
      left: 56
    },
    drag: function(event, ui) {
      ui.helper.removeClass("end-draggable");
      ui.helper.addClass("draggable");
    },
    stop: function(event, ui) {
      ui.helper.addClass("end-draggable");
      ui.helper.removeClass("draggable");
    }
  });
  $('#reset').click(function(e) {
  e.preventDefault();
  var dropped_icon = $('#briefcase-droppable')
    .children()
    .detach()
    .removeClass('dropped end-draggable')
    .removeAttr('style')
    .css('position', 'relative');
  
    $('#dragIcons').append(dropped_icon);
    $('#briefcase').css('background', 'url("http://everyguyed.com/wp-content/uploads/2011/03/mens-guide-to-briefcases-4.jpg")');
  });
  $("#briefcase-full").droppable({
    greedy: true,
    tolerance: 'touch',
    drop: function(event, ui) {
      var id = ui.draggable.attr("id");
      alert(id);
      if ($("#briefcase").length == 0) {
        $("#briefcase-droppable").html("");
      }
  
        ui.draggable.addClass("dropped");
        $("#briefcase-droppable").append(ui.draggable);
      }
  });
  $("#submitButton").click(function() {
    var draggedIcons = "";
    $("#briefcase-droppable").children(".icons").each(function() {
      draggedIcons += '&lt;li&gt;' + $(this).attr("id") + '&lt;/li&gt;';
    });
      $('#listIcon').html(draggedIcons);
    });
  });
  </code></pre>