I'm working on a troll website for fun [(click here to see it)](http://thebutton.codehs.me), and I want the button to only appear when the mouse is not over the button. However, jQuery's "mouseover" action does not detect if your cursor is over a hidden element. Is there any way I can accomplish this with a different action, or do I have to do something to the button with HTML?

```
$("document").ready(function(){
    $("#button").mouseenter(function(){
        $("#button").hide();
    });
    $("#button").mouseleave(function(){
        $("#button").show();
    });
});

```