jQuery clone() problem
<p>I am using jquery to clone a form input field when user click on Add button everything goes fine, but I have a problem that if I write something in form input field and click Add button, then jQuery will copy that text into new cloned input element also.</p>

<p>You can try a demo: <a href="http://jsbin.com/ikebil/2/edit" rel="nofollow">http://jsbin.com/ikebil/2/edit</a></p>

<p>Steps:</p>

<ol>
<li><p>Open the link and click render </p></li>
<li><p>Type something in input field </p></li>
<li><p>Click on add button it will create a new input field but also copy the text written in the previous one.</p></li>
</ol>

<p>Original code: <a href="http://charlie.griefer.com/blog/2009/09/17/jquery-dynamically-adding-form-elements/" rel="nofollow">http://charlie.griefer.com/blog/2009/09/17/jquery-dynamically-adding-form-elements/</a></p>

<p>So I need to remove that text which comes if anything is written in the previous element.</p>
