jQuery remove() not actually removing form fields in a DIV
<p>This is driving me a little bonkers,</p>

<p>I have a form with a set of dynamic divs, each filled with several form fields. The user can remove one of these divs and when doing so I call jQuerys remove method on the container. </p>

<p>I see in firebug that the container is destroyed and removed from the DOM. However, when I  view the source of the page it is still there.</p>

<p>When I post the form, the fields which should have been removed are still being posted!</p>

<p>I suppose I could manually change the name of the form fields as a "hack", but am I missing something here?</p>

<p>Here's an example</p>

<pre><code>&lt;script language="javascript"&gt;
$(document).ready( function(){
    $(".remove").live("click", function(){
       $(this).parents(".container").remove();
   });
});
&lt;/script&gt;


&lt;form&gt;

&lt;div class="container"&gt;
    &lt;input type="text" name="name_1"&gt;
    &lt;a href="" class="remove"&gt;Remove&lt;/a&gt;
&lt;/div&gt;

&lt;div class="container"&gt;
    &lt;input type="text" name="name_2"&gt;
    &lt;a href="" class="remove"&gt;Remove&lt;/a&gt;
&lt;/div&gt;

&lt;input type="submit"&gt;

&lt;/form&gt;
</code></pre>
