using jquery .trigger when passing object
<p>I have 2 checkboxes of class <code>TheCheckboxClass</code>, each with a label next to them of class <code>TheLabelClass</code>. For the moment, I have an event handler for the checkboxes wired like this:</p>

<pre><code>$('#SomeContainer').on({
    mouseup: function () { DoSomethingWithCheckBox($(this)); }
}, '.TheCheckboxClass');
</code></pre>

<p>As you can see, the checkbox handler passes the checkbox to the function that handles the event.</p>

<p>The HTML looks like this:</p>

<pre><code>&lt;div class="SomeDivClass"&gt;
   &lt;input class="TheCheckboxClass" type="checkbox" /&gt;
   &lt;div class="TheLabelClass"&gt;some text&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>How can I use <code>.trigger</code> to handle a click event on the labels AND pass the corresponding checkbox to the <code>DoSomethingWithCheckBox</code> function.</p>

<p>Thanks.</p>
