jquery用一个事件控制另一个事件是否执行,不是删除事件

想用click事件控制mouseover事件的执行,如果用删除绑定mouseover事件以后就不能再使用mouseover了,于是只需要设置一个全局变量,并赋值false,当点击click事件,将全局变量设置成true
,然后在mouseover中作全局变量的判断,来决定是否执行mouseover事件中的函数。
<!DOCTYPE html>
<html>
<head >
    <meta charset="utf-8"/>
    <title></title>
    <script src="../js/jquery-1.10.2.js"></script>
    <script>
        var boolean=true;//定义一个全局变量
        $(function(){
            $("div").mouseover(function(){
                if(boolean)//判断全局变量的布尔值
                {
                    $("div").css({"background-color":"red"});
                }
                else
                {
                    boolean=true;//更改全局变量的布尔值
                }

            });
            $("input").click(function(){
                boolean=false;//更改全局变量的布尔值
            })
        });
    </script>
    <style>
        div{width:100px;height:100px;background-color: blue;}
    </style>
</head>
<body>
    <div></div>
<input type="button" value="点我之后移入div不变红">
</body>
</html>