title: jQuery mouseleave for touch screen / tablets
body: <p>I have a modal box which fades in on <code>mouseenter</code> and fades out on <code>mouseleave</code>. The only problem is when using a touch screen device such as a tablet, I can't get the modal to <code>fadeout</code> once it's showing on the page. Is there any way of modifying this code to where anytime the user touches outside the modal box it will <code>fadeout</code>?</p>
  
  <pre><code>$(".tiptrigger").mouseenter(function() { 
  
      var s_id = $(this).attr('id'); // There may be more than one per page
      $("#tiptip_holder-"+s_id).fadeIn("fast");   
  
  }); 
  
  $(".tiptrigger").mouseleave(function() { 
  
      var s_id = $(this).attr('id');
      $("#tiptip_holder-"+s_id).fadeOut("slow");
  
  }); 
  </code></pre>