title: Jquery/css displaying an image on hover
body: <p>I have a div with id="mybutton" and a hidden div with id="mydiv" like in the code below :</p>
  
  <pre><code>&lt;head&gt;
  &lt;script&gt;
  $(document).ready(function(){
      $("#mybutton").hover(function(){
          $("#mydiv").fadeIn();
      }, function(){
          $("#mydiv").fadeOut();
      });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="mybutton"&gt;Show&lt;/div&gt;
      &lt;div id="mydiv" style="display:none;"&gt;Hidden thing..&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I want "mydiv" to appear even if mouse is over "mydiv"(after hovering at mybutton).</p>