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

[Alex]

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