jquery click event ONLY when wrapped element clicked
<p>I have the following html:</p>

<pre><code>&lt;ul class="treeList2"&gt;
&lt;li class="topLevel marked checked"&gt;&lt;div class="tlWrap clearfix"&gt;&lt;input type="checkbox" checked="checked" class="checkbox"&gt;&lt;strong&gt;Level name here blah blah   &lt;span&gt;(3)&lt;/span&gt;&lt;/strong&gt;&lt;/div&gt;&lt;/li&gt;
</code></pre>

<p>...</p>

<pre><code>&lt;script type="text/javascript"&gt;
/*&lt;![CDATA[*/
    $(function(){           

        $('.treeList2 li.topLevel .tlWrap').click(function(){
            alert(this);
        });
    });
/*]]&gt;*/
&lt;/script&gt;
</code></pre>

<p>The problem is that this fires when I click the checkbox (which i don't want). <strong>I Only want to alert(this) when the 'div' is clicked</strong> (I do this so that I can change the div background). 
thanks</p>
