returning to original state

returning to original state

Hi,

Just edging into jQuery.
I have this function (cut'n'pasted) which works fine—it finds a class, and then finds its child with a certain class, and makes the child visible, when any member of the class is hovered:

$(document).ready(function(){
$('.hex').hover(function(){
$(this).find('.hN').show(); 
});
});

So: I'm working on a 'back' button which will restore the page to its original state; there are several other conventional js functions which are working ok: but how to do it with this particular function?  

'$(document).ready' doesn't seem to be applicable;
'hover' isn't required either;
what's needed is just to find  class '.hN' and hide all instances, something like

function(){
       find('.hN').hide(); 
      }

Could it be that simple?