title: jQuery Trigger mouseenter on a element without actually real mouse entering element
body: <p>I have a web page with elements that when mouse hover over element, text appears inside the element.
  I want to generate the "Mouse hover"/"mouseenter" to show the text even without the mouse actually hover over the element.
  Code for example:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div&gt; 
      &lt;span id="hover_to_show_text"&gt;Hover here to show hidden text&lt;/span&gt;
      &lt;span id="hidden_text" style="display:none"&gt;Hidden text&lt;/span&gt;
  &lt;/div&gt;    
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>$( "#hover_to_show_text" ).mouseenter(function() {
     $( #hidden_text ).show();
  });
   $( "#hover_to_show_text" ).mouseleave(function() {
     $( #hidden_text ).hide();
  });
  </code></pre>
  
  <p>I want to generate the "mouseenter" that's triggers the "$( "#hover_to_show_text" ).mouseenter(function() {" in jQuery, and leave to "mouseenter" there for a N seconds.</p>
  
  <p>I tried (separately):</p>
  
  <pre><code>$("#hover_to_show_text").hover();
  $("#hover_to_show_text").trigger('mouseover');
  $("#hover_to_show_text").trigger('mouseenter');
  </code></pre>
  
  <p>Didn't work. Is there a way to do it? </p>
  
  <p>Thanks.</p>