jquery高手请进

问题描述：
<html>
   <heade>
        //此处引入jquery库
       <script>
           
           $(function(){
                 $(".mydiv").hover(function(){alert("鼠标经过")},function(){alert("鼠标移出")});
                //下面还有好多操作
          });
       </script>
   </hede>
   <body>
       <div class='mydiv' width='200' heigth='200'>ggggg</div>
   </body>
</html>
 大家都知道以上函数会在页面加载完之后自动执行，现在我想要做的是:使用ajax技术从服务器端加载很多同样的 
          <div class='mydiv' width='200' heigth='200'>ggggg</div>这样的div，然后追加到body，使追加的这些div同样能使用hover(fn，fn)的动作，也就是我想每次ajax加载之后再执行一遍以下同样的操作，
          $(function(){
                 $(".mydiv").hover(function(){alert("鼠标经过")},function(){alert("鼠标移出")});
                //下面还有好多操作
          });
我该怎么做？？