Jquery mouseover event don't work
<p>I write a image share js script. It will add a div wrapper once there is an image in the page. 
For example,</p>

<pre><code>&lt;img href="xxx.jpg" /&gt;
</code></pre>

<p>My script will make it to</p>

<pre><code>&lt;div class="wrapper"&gt;
    &lt;img href="xxx.jpg" /&gt;
&lt;/div&gt;
</code></pre>

<p>And, there is also a mounseover event in .wrapper class. Everything is going well untill the code structre below. We have a blog site, there is so many div wrapperd the img tag. </p>

<pre><code>&lt;div class="a"&gt;
    &lt;img href="xxx.jpg" /&gt;
&lt;/div&gt;
</code></pre>

<p>while my js script wrapper a "wrapper" class, my mouseover event does not work anymore in these HTML structure. Anyone could tell me what's happened here? Thanks in advance!</p>
