JQuery click event not targeting div children
<p>I have a problem which seems simple, but I can't seem to find a solution. I basically have a div which triggers a click event. My html is:</p>

<pre><code>  &lt;li class="infobox"&gt;
      &lt;a href="#"&gt;&lt;img class="thumb" src="img/2.jpg" alt="image02" /&gt;&lt;/a&gt;
      &lt;div class="over"&gt;
        &lt;img src="img/search_icon.png" alt="read more" /&gt;
         &lt;h6&gt;New business&lt;/h6&gt;
         &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit&lt;/p&gt;
       &lt;/div&gt;
   &lt;/li&gt;
</code></pre>

<p>and my jquery code is:</p>

<pre><code>$('#news_gallery li .over').click(function(event) {
   // I have animation code here
});
</code></pre>

<p>The problem is this: the function works fine, except for the fact the click event does not work on the img or any of the text that is within the div '.over'.  Why are the child elements not passed to the click event? Do I need to pass special parameters to the function?</p>
