title: jQuery clone() doesn't copy <select> DOM properties?
body: <p>Consider the following HTML :</p>
  
  <pre><code>&lt;a id="add" herf="#"&gt;add&lt;/a&gt;
  
  &lt;div class="list"&gt;
      &lt;select&gt;
          &lt;option&gt;1&lt;/option&gt;
          &lt;option&gt;2&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And Javascript :</p>
  
  <pre><code>$('#add').click(function() {
      var copy = $('.list').last().clone();
      copy.appendTo('body');
  });
  </code></pre>
  
  <p>(OR : <a href="http://jsfiddle.net/5A5pN/" rel="nofollow noreferrer">http://jsfiddle.net/5A5pN/</a>)</p>
  
  <p>If you choose a select option before clicking  <code>Add</code>, you'll notice the newly added select box still uses 1 as its original value, not 2.</p>
  
  <p>Any ways to overcome this?</p>
  
  <p>Thanks!</p>