How to Register mouserover on elements from Ajax call
<p>I am trying to register the mouseover event on the elements that are generated AFTER user click the button.</p>

<p>The elements are generated via ajax. The mouserover doesn't seem to work on the elements that ajax created. I was wondering if there are ways to work around this. Thanks a lot.</p>

<pre><code>jQuery.ajax({
        type: "GET", 
        url: "http://list.php", 
        data: null, 
        dataType:"json", 
              timeout: 10000,
              global: true,
              error: oh_no,
        success: 
     });

var image = document.getElementById('image');

the image path are from ajax.

function listem(){
 ......codes
 ......codes

 image.innerHTML=  image.innerHTML + "&lt;img src="\" + imagePath + \"\&gt;";
} 

$(document).ready(function(){   


   $('#image img').mouseover(function(){

       alert('mouseOVER!!!');

   });

})





html    

&lt;button id='showstuff' onclick='listem();'&gt;show&lt;/button&gt;
</code></pre>
