title: Duplicating Jquery Draggables
body: <p>I'm trying to create a draggalbe items that can be duplicated and dragged onto a droppable.  Ok, after a little effort, go that working and made the resulting duplicate draggable.  But the "drop" method is making it so that if I drag the new clone more than once, It continues to clone itself.  I see why it's doing it, but I'm not too sure how to turn it off.  Only the item outside the droppable box should be duplicatable.  Once inside the box, the duplicate(s) should be able to move around too, but not clone itself. </p>
  
  <p><a href="http://thelionscall.com/comics/test/test.html" rel="nofollow">Example</a></p>
  
  <p>Try dragging the little hedgehog over to the box (So far, so good.), then drag and drop it inside the box a few times to see the problem.</p>
  
  <pre><code>$(function() {
      $("#draggable1").draggable({ helper: 'clone', revert: "invalid" });
      $("#panel1").droppable({
          drop: function(event, ui) {
              $(this).append($(ui.helper).clone().draggable());
          }
      });
  });
  </code></pre>