title: Keep a copy of an element when using jQuery drag and drop
body: <p>I'm using Jquery drag and drop and I want to keep a copy of the element I'm dragging.</p>
  
  <pre><code>$('.draggable').draggable({
      revert: "invalid",
      stack: ".draggable"
      //helper: 'clone'
  });
  $('.droppable').droppable({
      accept: ".draggable",
      drop: function( event, ui ) {
      var droppable = $(this);
      var draggable = ui.draggable;
      // Move draggable into droppable
      draggable.appendTo(droppable);
      draggable.css({top: '5px', left: '5px'});
      }   
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/wf325n4q/" rel="noreferrer">JSFiddle</a></p>
  
  <p>So if I drag the red square to the grey box, a copy of the red square stays in the same place and I can drag as many as I want. </p>
  
  <p>Thanks.</p>