title: jquery search box and button
body: <p>I've got a button and text box, when you hover over the button the search box will appear using this piece of JavaScript/jquery:</p>
  
  <pre><code>    $('#search-button').hover(function () {
      $('#search-text').show();
  }, function () {
      $('#search-text').hide();
  });
  </code></pre>
  
  <p>However at the moment once you hover over the button it will display the text box but as soon as you try to hover over the text box it will disappear. Is there a way to have the text box remain on the page when you hover over it too.</p>
  
  <p><a href="http://jsfiddle.net/x6q5do83/1/" rel="nofollow">Here is a Fiddle</a> to describe the problem</p>