Help with selectors.

Help with selectors.

I have the following code.

<ul id="featured">
<li><span></span></li>
<li><span></span></li>
<li><span></span></li>
<li><span></span></li>
<li><span></span></li>
</ul>


The spans are hidden via CSS by default. When the LI are hovered over I would like the span (child of the specific LI hovered over - not them all at once) to fadeIn.

So far I have the following js:

$('#featured li').hover(function(){
   $(this 'span').fadeIn();                     
});


My selector here is wrong.

I've toyed with several methods, but I can't come up with a working selector for what I need.

Thanks in advance.