How do I clone a row when all of them are deleted in jQuery?
<p>Here is a simple script I'm trying to run. </p>

<p><a href="http://jsfiddle.net/T8q5p/5/" rel="nofollow">http://jsfiddle.net/T8q5p/5/</a></p>

<p>What I'm trying to do is add a new input box with every add button. I attached to every form, a delete button. When I click delete, the rows disappear as I want. </p>

<p>However when I delete all of them, I cannot add any more input fields. I assume this is because there's nothing to clone since all the list items have been deleted. </p>

<p>Should there be an if statement, saying if this is the remaining text, just empty the value like </p>

<pre><code>      $(this).parent('li').val("");
</code></pre>

<p>?</p>

<p>I don't know how to put that in..</p>

<p>Thank you</p>
