Is there a way that I can add hover effect to the AJAX loaded images?
<p>Is it possible to add a hover effect (animation) to AJAX loaded content/images? Currently I'm using this code to do it, but it only works for the images that are loaded without AJAX.</p>

<pre><code>    $(".box img").each(function() {
        $(this).hover(function() {
            $(this).stop().animate({ opacity: 1.0 }, 500);
        },
        function() {
            $(this).stop().animate({ opacity: 0.3 }, 500);
        });
    });
</code></pre>
