title: jquery click event on container and not contents
body: <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>