title: jQuery - Hide and Show <div> on Unique Button Hover
body: <p>I basically just want to populate a div with text based on what button is being rolled over using jQuery. I'm not quite sure where I went wrong.</p>
  
  <pre><code>        $(".buttonSet").hover(function(){
          if $("#button_X".hover){
              $('.textPreview').show();
              document.getElementById("preview").innerHTML = 'TEST X';
          } if else $("#button_Y".hover) {
              $('.textPreview').show();
              document.getElementById("preview").innerHTML = 'TEST Y';
          } if else $("#button_Z".hover) {
              $('.textPreview').show();
              document.getElementById("preview").innerHTML = 'TEST Z';
          }
      },function(){
          $('.textPreview').hide();
      });
  </code></pre>