title: JQuery UI Draggable - Helper function which returns clone() only clones once if arguments passed to clone()
body: <p>I am cloning elements as they are dragged out of a JQuery UI Draggable list using JQuery's <code>clone()</code> method. Looking at the <a href="http://api.jquery.com/clone/" rel="nofollow"><code>clone()</code> documentation</a>, I see that I can clone events already bound to these elements by passing one or two Boolean arguments <code>(true,true)</code> to the <code>clone()</code> method. </p>
  
  <p>It's with passing these arguments that things get weird. If I just use <code>clone()</code> as shown below, things work as expected. </p>
  
  <pre><code>$(".draggable").draggable({
      connectToSortable: ".sortable",
      helper: function(e) {
          return $(this).clone();
      }
  });
  </code></pre>
  
  <p>In the above example I get unlimited clones, but my events tied to the cloned element are not cloned as well. So then, naturally, I want to add one or two arguments to this <code>clone()</code> method so that I can also clone events! </p>
  
  <pre><code>$(".draggable").draggable({
      connectToSortable: ".sortable",
      helper: function(e) {
          return $(this).clone(true);
      }
  });
  </code></pre>
  
  <p>But this makes things only clone once. See the below fiddles for examples!</p>
  
  <p>Here's a fiddle with <code>clone(true)</code> which only clones once: 
  <a href="http://jsfiddle.net/og937wy7/9/" rel="nofollow">http://jsfiddle.net/og937wy7/9/</a></p>
  
  <p>And here's a fiddle with <code>clone()</code> which clones many times.
  <a href="http://jsfiddle.net/og937wy7/10/" rel="nofollow">http://jsfiddle.net/og937wy7/10/</a></p>