title: jQuery .html() does not copy contents of textareas or inputs
body: <p>I'm trying to copy the contents of an element using <code>elem.html()</code> but it's not including the contents of <code>inputs</code> or <code>textareas</code>.</p>
  
  <p>Here's an example (try writting in the boxes then click "Copy"): <a href="http://jsfiddle.net/gAMmr/2/" rel="nofollow">http://jsfiddle.net/gAMmr/2/</a></p>
  
  <p>Is there a way of copying all info?</p>
  
  <p>These are the approaches I have tried so far:</p>
  
  <ul>
  <li><code>elem.clone()</code> - not suitable for my task because it copies the
  element itself</li>
  <li><code>elem.children().clone()</code> - misses out text nodes</li>
  <li><code>elem.contents().clone()</code> - doesn't include the textarea contents</li>
  </ul>
  
  <p>EDIT:  The results seem to be different in each browser.  I'm using Chrome.</p>