function looks well-formed, but not working

function looks well-formed, but not working

Hi folks:


this function, from the head of the page, 
   
    
    
  1. $(document).ready(function(){
    2. 
    
  2.  $('.hex').hover(function(){
    3. 
    
  3.  $(this).find('.hN').show(); 
    4. 
    
  4.  });
    5. 
    
  5.  $('.hex2').hover(function(){
    6. 
    
  6.  $(this).find('.hN').show(); 
    7. 
    
  7.  });
    8. 
    
  8. });
    9. 
   
should, when any one of the 64 figures in hovered over, make a number appear under that figure.
When you hover, the cursor becomes a pointer, so something's happening: but no number appears.
The 64 figures you can see are css ".hex"; there's another layer you can't currently see, which are css '.hex2', which the second part of the function refers to.