JQuery Selected Checkbox Item Background Color
<p>I've got the code below "working" but I can't figure out how to get the click event to be just for the checkbox.  Right now just click the li will toggle my background color...I'm totally missing something here.  All I need is that for each li that has a checkbox checked the bg color will change and when unchecked it will return to it's previous color.  Can anyone help me out.  </p>

<pre><code>&lt;script type="text/javascript"&gt;

$(document).ready(function() {
    $('.list-item').find('input:checkbox').each(function(index) {
        var selectedlistitem = $('.list-item');
        $(selectedlistitem).click(function () {                     
            $(this).toggleClass('selected');
        });
    });
});
&lt;/script&gt;


&lt;ul&gt; class="list-item-container"&gt;
&lt;li class="list-item"&gt;&lt;input type="checkbox" /&gt;Item 1&lt;/li&gt;
&lt;li class="list-item"&gt;&lt;input type="checkbox" /&gt;Item 2&lt;/li&gt;
&lt;li class="list-item"&gt;&lt;input type="checkbox" /&gt;Item 3&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
