Please see <https://jsfiddle.net/cot33dxa/>

```js
setInterval(function() {
  if ($("#one").is(":hover")) {
    $("#one").css("background-color", "red");
  } else {
    $("#one").css("background-color", "");
  }
}, 0);

if ($("#two").is(":hover")) {
  $("#two").css("background-color", "blue");
} else {
  $("#two").css("background-color", "");
}
```

```css
#one {
  width: 200px;
  height: 200px;
  background-color: yellow;
}
#two {
  width: 200px;
  height: 200px;
  background-color: green;
}
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<div id="one"></div>
<div id="two"></div>
```

Why is it that for div one, the hover check works just fine, whereas it doesn't in div two?

I have the same issue when using `if ($('#element:hover').length != 0)` (taken from [ivo's solution](https://stackoverflow.com/a/13382705/2472351)). 

JS fiddle for that: <https://jsfiddle.net/q8dfLc6s/>

In a more general sense, I am looking for the simplest, most reliable way to know if the mouse is over a div in JQuery 1.11.0. As it stands, I can't even get the boolean check to work at all aside from this SetInterval oddity.