Empty input field before deleting w/jQuery
<p>I have a page where I append a delete icon to certain form text fields:</p>

<pre><code>$(this).parent().append(\'&lt;span class="remove" onclick="$(this).parent().remove(); return false"&gt;&lt;span class="delete"&gt;&lt;/span&gt;&lt;/span&gt;\');
</code></pre>

<p>and I get</p>

<pre><code>&lt;div&gt;
    &lt;input type="text"&gt;&lt;span class="remove" onclick="$(this).parent().remove(); return false"&gt;&lt;span class="delete"&gt;&lt;/span&gt;&lt;/span&gt;
&lt;/div&gt;
</code></pre>

<p>It works fine, but when I submit the form the fields that I "delete" still post information. I think they are still in DOM, just don't show. However, if I manually clear input field and then submit -- data is not posted, obviously. How do i empty text field before remove()? </p>
