jQuery: click function exclude children.
<p>Trying to wrap my head around the jQuery ".not()" function, and running into a problem. I would like to have the parent div to be "clickable" but if a user clicks on a child element, the script is not called.</p>

<pre><code>$(this).not(children()).click(function(){
   $(".example").fadeOut("fast");
});
</code></pre>

<p>the html:</p>

<pre><code>&lt;div class="example"&gt;
   &lt;div&gt;
      &lt;p&gt;This content is not affected by clicks.&lt;/p&gt;
   &lt;/div&gt;
&lt;/div&gt;
</code></pre>
