Change current element background in jQuery
<pre><code>&lt;label class="default" for="checkbox1"&gt;&lt;input id="checkbox1" name="checkbox1" type="checkbox" style="display:none" /&gt; some text&lt;/label&gt;&lt;br /&gt;
&lt;label class="default" for="checkbox2"&gt;&lt;input id="checkbox2" name="checkbox2" type="checkbox" style="display:none" /&gt; some text&lt;/label&gt;&lt;br /&gt;
&lt;label class="default" for="checkbox3"&gt;&lt;input id="checkbox3" name="checkbox3" type="checkbox" style="display:none" /&gt; some text&lt;/label&gt;&lt;br /&gt;
</code></pre>

<p>How should I change the currently clicked checkbox's label background color using jQuery? For example when the second checkbox is checked it's style should be changed with "checked":</p>

<pre><code>&lt;label class="checked" for="checkbox2"&gt;&lt;input id="checkbox2" name="checkbox2" type="checkbox" style="display:none" /&gt; some text&lt;/label&gt;&lt;br /&gt;
</code></pre>
