title: jQuery clone( true ) not working with dynamic elements
body: <p>Take the following example:</p>
  
  <pre><code>$.fn.foo = function() {
  
      var $input = $('&lt;input type="text"/&gt;');
      var $button_one = $('&lt;button&gt;One&lt;/button&gt;');
      var $button_two = $('&lt;button&gt;Two&lt;/button&gt;');
  
      $button_one.click(function(){
          $input.val('hey');
      });
  
      $button_two.click(function(){
          $input.replaceWith( $input.val('').clone( true ) );
      });
  
      this.append( $input, $button_one, $button_two );
  
  
  };
  </code></pre>
  
  <p>Check the demo: <a href="http://jsbin.com/ezexah/1/edit" rel="nofollow">http://jsbin.com/ezexah/1/edit</a></p>
  
  <p>Now click "one" and you should see "hey" in the input. Next click "two" and then click "one" again and it doesn't work. Even using the <code>true</code> option in <code>clone</code> to copy all events it still does not work. Any ideas?</p>