Why doesn't $(this) work here?
<p>In <a href="http://jsfiddle.net/littlesandra88/w5nAr/7/" rel="nofollow">this</a> JSfiddle have I two forms.</p>

<p>This is duplicated twice</p>

<pre><code>&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>and the JQuery looks like this</p>

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

<p>I can't use ID's to distinguished between the forms, so I am left this <code>$(this)</code> I suppose.</p>

<p>If the last form is removed, it works as it should, but the problem is to get it work with many without using ID's.</p>

<p>However if I change the code to</p>

<pre><code>$('form').live('submit', function(){
    if ($(this).("input[type=checkbox]").is(':checked')){
        $(this).("label").show();
    }else{
        $(this).("label").hide();
    }        
    return false;
});
</code></pre>

<p>It doesn't work.</p>

<p>What am I doing wrong?</p>
