title: Jquery How to change visibility of span element on hover image
body: <p>I have a simple HTML page where each images have a description, 
  I'd like you doing hover over a particular image must display the specific description.
  The class description of the CSS has been set  visibility: hidden;</p>
  
  <p>I have prove but  But my jquery function on hover do not set the class visibility: visible;
  I do not Know the exact syntax in jquery for  set the class of span element  in visibility:
  visible;</p>
  
  <pre><code>&lt;div id="FiltriMusica2"&gt;                            
    &lt;p idsapore="1" class="sapore"&gt;&lt;img alt="caffe.png" src="/caffe.png"&gt;
      &lt;span class="descrizionesap"&gt;Adrenalina&lt;/span&gt;
    &lt;/p&gt;      
    &lt;p idsapore="2" class="sapore"&gt;&lt;img alt="peperoncino.png" src="/peperoncino.png"&gt;
      &lt;span class="descrizionesap" &gt;Peperoncino&lt;/span&gt;            
    &lt;/p&gt;                          
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>.descrizionesap {
      visibility:hidden;
  }   
  </code></pre>
  
  <p>javascript </p>
  
  <pre><code>jQuery(".sapore").hover(function() {
      jQuery(this).children().find('.descrizionesap').css("visibility","visible");            
  }, function() {                             
      jQuery(".descrizionesap").css("visibility","hidden");
  });
  </code></pre>