Assigning hover to Ajax data

Assigning hover to Ajax data

How do you assign .hover() to data received from an Ajax call?  I have a post returning and I wanted to change the bgcolor of the containing div.

Posts.aspx
  1. <div class="postContainerOut">
        <div class="postItem">Column 1</div>
        <div class="postItem">Column 2</div>
        <div class="clear"></div>
    </div>



jQuery
  1. $("#button").click(function()
        {
            $.get("Posts.aspx", function(data)
            {
                $("#content").prepend($(data).fadeIn(1000));  // This works
               





  2.             // This does NOT work
                $(data).find("div[class='postContainerOut']").hover(function()
                {
                    $(this).removeClass("postContainerOut").addClass("postContainerOvr");
                },
                function()
                {
                    $(this).removeClass("postContainerOvr").addClass("postContainerOut");
                });
            });
        });