title: jQuery's .clone(true, true) not cloning event bindings on children
body: <p>I'm using clone(true, true) to copy a select and some buttons to clone and remove.
  I thought the second true argument should ensure that the event handler is passed on to the cloned child buttons.</p>
  
  <p>Here is the markup:</p>
  
  <pre><code>&lt;div id="clone-container"&gt;
      &lt;div class="clone"&gt;
          &lt;label for="select1"&gt;Select 1&lt;/label&gt;
          &lt;select id="select1" name="select1" class=""&gt;
              &lt;option&gt;Select One:&lt;/option&gt;
              &lt;option value="1"&gt;1&lt;/option&gt;
          &lt;/select&gt;
          &lt;span class="controls"&gt;
              &lt;a href="#" class="btn add"&gt;+&lt;/a&gt;
              &lt;a href="#" class="btn remove"&gt;−&lt;/a&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;​
  </code></pre>
  
  <p>And the js:</p>
  
  <pre><code>var $cloned = $('.clone').clone(true, true);
  var $addButton = $(".btn.add");
  $addButton.on("click", function(e) {
      e.preventDefault();
      var $cloner = $(this).closest(".clone");    
      $cloned.clone().insertAfter($cloner);
  });​
  </code></pre>
  
  <p>And here is a js fiddle:
  <a href="http://jsfiddle.net/cjmemay/yXA4R/" rel="nofollow noreferrer">http://jsfiddle.net/cjmemay/yXA4R/</a></p>