title: How to get selected value after clone with jQuery?
body: <p>Here is my <strong>complete</strong> testing code,which failed to get the value:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&gt;
  
  &lt;head&gt;
      &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8" /&gt;
      &lt;meta http-equiv="Content-Language" content="en-us" /&gt;
      &lt;title&gt;Job Search&lt;/title&gt;
      &lt;script language="javascript" type="text/javascript" src="script/jquery-1.3.2.js"&gt;&lt;/script&gt;
      &lt;script language="javascript"&gt;
          $(document).ready(function(){
              $('#test').click(function(){
                  $('#container').clone().attr('id', 'container2').find('select').each(function() {
                      var $elem = $(this);
                      var value = $elem.val();
                      alert(value);
                  });
              });
          });
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id="container"&gt;
      &lt;select&gt;
          &lt;option value=""&gt;--&lt;/option&gt;
          &lt;option value="Service"&gt;Service&lt;/option&gt;
          &lt;option value="Sales"&gt;Sales&lt;/option&gt;
          &lt;option value="Marketing"&gt;Marketing&lt;/option&gt;
          &lt;option value="Finance"&gt;Finance&lt;/option&gt;
          &lt;option value="Engineering"&gt;Engineering&lt;/option&gt;
          &lt;option value="Management"&gt;Management&lt;/option&gt;
      &lt;/select&gt;
  &lt;/div&gt;
  &lt;input type="button" id="test" /&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>