title: Combining jquery functions - on() hover/mouseenter/mouseleave
body: <p>I have a series of elements (lets call them '.my-elements') - some load on document ready, while others are loaded later via a pagination script.</p>
  
  <p>I would like to set a variable according to whether or not the mouse is over these elements.  The code below works, but I suspect there is a better way...  Can I do this so I only have to reference the DOM once?</p>
  
  <pre><code>$(document).on('mouseenter','.my-elements', function(){
      mouse_is_inside = true;
  });
  
  $(document).on('mouseleave','.my-elements', function(){
      mouse_is_inside = false;
  });
  </code></pre>
  
  <p>Thanks!</p>