title: Uncaught Error: Syntax error, unrecognized expression: hover
body: <p>Here is the JSFidle to the problem: <a href="http://jsfiddle.net/LRTh3/36/" rel="nofollow">http://jsfiddle.net/LRTh3/36/</a></p>
  
  <pre><code>$('div.boxes').mousedown(function (event) {
  
      // Error on this line
      var inner_box = $(".box").is(":hover");
  
      if ( inner_box == true ) {
  
          alert("blue,gree,pink was clicked");
      }
  
      else alert("You mousedowned on the red box");
  
  });​
  
  console: Uncaught Error: Syntax error, unrecognized expression: hover 
  </code></pre>
  
  <p>Works if only <strong>one</strong> ".box" layer is presented. Is this a bug? How would I fix this? </p>