How do you toggle a class in jquery when label element is clicked?
<p>I have the following code. When the checkbox is checked (which is hidden), when the label is pressed around the avatar, I want to add a class "selected" to the outer div (pop-friends-item).</p>

<pre><code>&lt;div class="pop-friends-item"&gt;
    &lt;label for="user_1" class="check_friend_item"&gt;
    &lt;input name="invited[]" type="checkbox" value="1" id="user_1" style="display:none;"&gt;
    &lt;img src="/avatar.jpg"&gt; User 1&lt;/label&gt;
&lt;/div&gt;
&lt;div class="pop-friends-item"&gt;
    &lt;label for="user_2" class="check_friend_item"&gt;
    &lt;input name="invited[]" type="checkbox" value="2" id="user_2" style="display:none;"&gt;
    &lt;img src="/avatar.jpg"&gt; user 2&lt;/label&gt;
&lt;/div&gt;
</code></pre>

<p>I only got it to add the class to all the items, not just the one thats clicked.</p>
