mouseover not working
<p>I have the following code which is not working<br />
I create this div over a popup , normally there will be 20 divs like this on a popup.<br />
i am trying mouseover its not working , if i give mousover event in the div itself its working. <br />
any mistake.</p>

<pre><code>&lt;div dataindex="0" class="clstImages" id="dlstImages0"&gt;&lt;img alt="Almond Branches in Bloom, San Remy, c.1890" title="Almond Branches in Bloom, San Remy, c.1890" src="http://imagecache5d.art.com/CropHandler/crop.jpg?img=21-2107-SA3ED00Z&amp;amp;x=0&amp;amp;y=0&amp;amp;w=400&amp;amp;h=400&amp;amp;size=2&amp;amp;maxw=100&amp;amp;maxh=100&amp;amp;mode=sq&amp;amp;q=100" id="eachimg"&gt;
&lt;/div&gt;
</code></pre>

<p><br /></p>

<pre><code>$('.clstImages img').hover(function () {
    alert("mouseover");
}, function () {
    alert("mouseout")
});
</code></pre>
