title: Show text on hover using just JS
body: <p>I tried a CSS solution but won't work (I believe this is a bug with the software or server I'm using). Now looking for java solution.</p>
  
  <p>Put simply, I wish text to display on hover.</p>
  
  <p>Here's what I've come up with but it won't work (I'm a noob)....</p>
  
  <pre><code>&lt;DIV class="spire-menu"&gt;
      &lt;DIV class="menu-item"&gt;Hello1&lt;/DIV&gt;
      &lt;DIV&gt;Hello2&lt;/DIV&gt;&lt;/DIV&gt;
  </code></pre>
  
  <p>The plan is to have Hello2 displayed perminantly. Hello1 will only display on hover.</p>
  
  <pre><code>$(".spire-menu").hover(function () {
      $(this).find('.menu-item').show();
  }, function () {
      $(this).find('.menu-item').hide();
  });
  </code></pre>