title: Check if element is hovered over in jQuery
body: <p>How can one check if the cursor is hovered over in jquery or js.</p>
  
  <p>I have tried <code>$('#id').is(':hover')</code> but this doesnt seem to be working at all.</p>
  
  <p>I have to mention that i am calling this line inside of a <code>hover()</code> function could this maybe be the problem?</p>
  
  <p>here is my code:</p>
  
  <pre><code>$(document).ready(function() { 
  
      /* On hover function, over the menu items */
      $('nav ul li').hover(function(){
          $('nav ul li').css("background-color", "");
          $('#append').css("background-color", "");
          $(this).css("background-color", "#9999FF"); 
          $('#append').css("background-color", "#9999FF"); 
  
          var append;
          if($('#menu-item-12')) {
              append = 'news';
          }else if($('#menu-item-9:hover')) {
              append = 'account';
          }else if($('#menu-item-11').is(':hover')) {
              append = 'check out';
          }
          $('#appendp').empty();
          $('#appendp').append(document.createTextNode(append));
  
      });
  </code></pre>
  
  <p>Hope someone can tell me whats wrong.</p>
  
  <p>here is jsfiddle link, i did my best :) <a href="https://jsfiddle.net/xsv325ef/" rel="nofollow">https://jsfiddle.net/xsv325ef/</a></p>