jquery click event on container and not contents
<p>I have a h3 which is clickable, (it fires a drop down).
It also contains a input check box to turn on/off a value, however I don't want it to trigger the drop down.</p>

<p>Any ideas how this can be done?</p>

<p>Here's my markup</p>

<pre><code>&lt;div id="" class="dropDownTitle"&gt;
    &lt;h3 class="h3"&gt; Some text here &lt;input id=""  type="checkbox" /&gt;&lt;/h3&gt;
&lt;/div&gt;
</code></pre>

<p>Again I want the h3 to trigger the drop down, but not the input contained within it.</p>

<p>More than happy to get this done in pure javascript rather than jquery, the trigger just fires the function dropDownMenu();</p>

<p>cheers</p>

<p>Andy</p>
