title: How to check if mouse is inside an "invisible" box on screen without css(JavaScript and jQuery)
body: <p>Is there a way to check if a mouse is within a certain box on the screen. I don't know to export the jQuery variable as an integer to use in a Javascript <code>if statement</code>. I know this is possible with <code>div</code>, but I don't want to use <code>div</code> because I will need a lot of these <code>if statements</code>, I don't want to clutter my CSS. I am open to ideas that are more efficient than what I have without using CSS.</p>
  
  <p>So far this is all I have...</p>
  
  <pre><code>$(document).on("mousemove", function(event) {
      var mouseX = event.pageX;
      var mouseY = event.pageY;
  });  
  
  if(mouseX &gt; 80 &amp;&amp; mouseX &lt; 200 &amp;&amp; mouseY &gt; 80 &amp;&amp; mouseY &lt; 200){
      alert("Message");
  }
  </code></pre>