Jquery help check and uncheck on label click
<p>I am trying to create a functionality that check and uncheck the checkbox on label click.</p>

<p>Here is my Jsfiddle: <a href="http://jsfiddle.net/PTAFG/1/" rel="nofollow">http://jsfiddle.net/PTAFG/1/</a></p>

<p>The HTML cannot be changed</p>

<p>My HTML:</p>

<pre><code>&lt;div style="float: left; border: 1px solid rgb(255, 153, 0); width: 198px; margin-top: 2px; background: none repeat scroll 0% 0% rgb(255, 255, 255);"&gt;
    &lt;label style="float: left; width: 198px; background: url(&amp;quot;../images/ulabel.png&amp;quot;) repeat-x scroll 0% 0% transparent; height: 35px; margin: 0pt; position: relative;"&gt;
        &lt;span style="display: block; font-family: Helvetica; font-weight: bolder; margin-left: 20px; margin-top: 10px; font-size: 12px; width: 120px;"&gt;UBGRÆNSET TRAFIK&lt;/span&gt;
        &lt;input type="hidden" value="0" name="search[php_is_true]"&gt;&lt;input type="checkbox" value="1" style="position: absolute; right: 26px; top: 12px;" name="search[php_is_true]" id="search_php_is_true"&gt;
    &lt;/label&gt;

    &lt;label style="float: left; width: 198px; background: url(&amp;quot;../images/ulabel.png&amp;quot;) repeat-x scroll 0% 0% transparent; height: 35px; margin: 0pt; position: relative; border-top: 1px solid rgb(255, 153, 0); border-bottom: 1px solid rgb(255, 153, 0);"&gt;
        &lt;span style="display: block; font-family: Helvetica; font-weight: bolder; margin-left: 20px; margin-top: 10px; font-size: 12px; width: 120px;"&gt;UBGRÆNSET PLADS&lt;/span&gt;
        &lt;input type="hidden" value="0" name="search[php_is_true]"&gt;&lt;input type="checkbox" value="1" style="position: absolute; right: 26px; top: 12px;" name="search[php_is_true]" id="search_php_is_true"&gt;
    &lt;/label&gt;

        &lt;label style="float: left; width: 198px; background: url(&amp;quot;../images/ulabel.png&amp;quot;) repeat-x scroll 0% 0% transparent; height: 35px; margin: 0pt; position: relative;"&gt;
        &lt;span style="display: block; font-family: Helvetica; font-weight: bolder; margin-left: 20px; margin-top: 10px; font-size: 12px; width: 120px;"&gt;HJEMMESIDEPROGRAM&lt;/span&gt;
        &lt;input type="hidden" value="0" name="search[php_is_true]"&gt;&lt;input type="checkbox" value="1" style="position: absolute; right: 26px; top: 12px;" name="search[php_is_true]" id="search_php_is_true"&gt;
    &lt;/label&gt;
    &lt;/div&gt;
</code></pre>

<p>My Jquery:</p>

<pre><code>$(document).ready(function() {

$('div').click(
    this.closest('input[type="checkbox"]').attr('checked', true);

});
    $t.closest('.checkGroup').find('.payload').toggle( $t.is(':checked'));
    if( !$t.is(':checked') ){
       $t.closest('.checkGroup').find('.payload input[type="checkbox"]')
           .attr('checked',false);
    }
}).trigger('change');


});
</code></pre>
