Want to add element. What's wrong?
<p>In <a href="http://jsfiddle.net/littlesandra88/w5nAr/5/" rel="nofollow">this</a> JSfiddle have I a checkbox, a label and a submit button.</p>

<p>When the checkbox is checked, and submit is clicked a 'x' should appear, like to does now.</p>

<p>When the checkbox is unchecked, and submit is clicked a 'x' should disappear, like to does now.</p>

<p>The problem is that the 'x' doesn't appear again, if the checkbox is checked, and submit is clicked.</p>

<p>This is my code</p>

<pre><code>$('form').submit(function() {
    if( $("input[type=checkbox]").is(':checked')){
        $("label").add();
    }else{   
        $("label").detach();
    }        
    return false;
});


&lt;form action="" method="post"&gt;
&lt;input id="element" signed" type="checkbox" checked&gt;
&lt;label for="element"&gt;x&lt;/label&gt;
&lt;button type="submit"&gt;Submit&lt;/button&gt;
&lt;/form&gt;
</code></pre>

<p>Any idea what's wrong?</p>
