title: .clone() method in jquery without copying value
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/4366159/jquery-clone-of-a-textbox-without-the-content">Jquery clone of a textbox without the content</a>  </p>
  </blockquote>
  
  
  
  <p>I use <code>.clone</code> in jQuery. When I clone ul it is cloning its value also. I only want to copy structure not value. When you type some value in input field and then click clone it will clone input value too.</p>
  
  <p><a href="http://jsfiddle.net/vhq5p/" rel="noreferrer">Here is my code snippet</a>:</p>
  
  <pre><code>&lt;div class="str"&gt;
      &lt;ul&gt;&lt;li&gt;&lt;input type="text" /&gt;&lt;/li&gt;&lt;/ul&gt;
  &lt;/div&gt;
  &lt;a href="#"&gt;clone&lt;/a&gt;
  
  $(function() {
      $('a').live('click', function() {
          var cln = $('ul:last').clone();
          $('.str').append(cln);
      });
  });
  </code></pre>