[jQuery] .show() the child of 'this'

[jQuery] .show() the child of 'this'


Hey all,
I have a menu structured like this:
<ul id="primary-navigation">
<li><a href="#">Testing</a>
<ul>
<li><a href="#">Again</a></li>
<li><a href="#">Again</a></li>
<li><a href="#">Again</a></li>
<li><a href="#">Again</a></li>
<li><a href="#">Again</a></li>
</ul>
</li>
<li><a href="#">Testing</a>
<ul>
<li><a href="#">Again</a></li>
<li><a href="#">Again</a></li>
<li><a href="#">Again</a></li>
<li><a href="#">Again</a></li>
<li><a href="#">Again</a></li>
</ul>
</li>
</ul>
And I have some script to show the 'ul' within the corresponding 'li'
when it's hovered over:
$(document).ready(function(){
$("ul#primary-navigation li").hover(function(event){
$("this > ul").show();
});
});
This doesn't work, what could I be doing wrong? I'm guessing it's my
implementation of the 'this' selector, but I don't know what to do
really.
Hope you can help,
Alex