div mouseout事件问题 jQuery

Question

我用jQuery写了这么个script想在鼠标移到某张图片上时给它上面加一个标签（div），点击标签之后执行别的function
<script>
        function add(e){
            $(this).wrap('<div id="book" class="er" style="background:#67F;"></div>');
            $("#book").prepend("<div id='tag' class='er'> it!</div>");
            $(this).css("border","1px solid #000");
            $("#tag").css({"background":"#67F","width":"60px","height":"20px","font-size":"12px;","cursor":"pointer"});
            $("#book").mouseout(remove);
            $("#tag").click(function(){
                alert('this is the code');
            });
        }
        function remove(){
            var tmp=$("#book img");
            tmp.unwrap('#book');
            $('.er').remove();
            tmp.css("border","0");
        }
    </script>
每个img的mouseover事件都是add(event)。mouseover的时候拿一个大div套着那个标签div和图片。可我鼠标一移到标签div或者大div的空白位置上，就自动执行大div的mouseout事件了，虽然鼠标还是在大div里面。应该怎么避免Mouseout的执行？

Answer 1

http://www.cnblogs.com/QLeelulu/archive/2008/12/03/1346869.html