jQuery checkbox and span that share a click event
<p>So I have a checkbox and a span</p>

<p><code>&lt;input type="checkbox" class="checker"&gt; &lt;span class="something"&gt;Label&lt;/span&gt;</code></p>

<p>From which the span already has some functionality based on clicking it, I am adding a checkbox to the equation for visual aid. What I am trying to do is, when the checkbox is checked/unchecked I want it to trigger the spans already existing click function. Which this I can do.</p>

<p>I also want the same click function on the span to check/uncheck the checkbox next to it, while continuing its base function. Which this I can do as well. </p>

<p>The snag it seems is when I have both logics in the script, one will always X out the other, leaving one working and the other not. So I am trying to figure out how to make this work in harmony and I apparently am having issues thinking outside the box at the time and need some assistance getting there.</p>

<p>Here is the JS I am attempting to use currently</p>

<pre><code>$('.checker').live('click', function(e){e.preventDefault();$(this).siblings('.something').trigger('click');});
$('.something').live('click', function(e)
{
    e.preventDefault();
    if($(this).siblings('.checker').is(':checked'))
    {
        $(this).siblings('.checker').attr('checked', false);
    }
    else
    {
        $(this).siblings('.checker').attr('checked', true);
    }
});
</code></pre>
