JQuery Выбор ближайшего родителя по ссылке :

Я пытаюсь переключить класс CSS для ближайшего родителя a:linkв меню навигации на основе дочернего элемента -меню при наведении курсора. Я могу заставить его работать для ближайшего родительского тега <li>, но не для a:link, внутри которого я хочу, чтобы это событие произошло.

HTML:

<ul class="menu">
  <li><a href="#">First Parent</a>
     <ul class="sub-menu">
          <li><a href="#">First Child</a></li>
          <li><a href="#">Second Child</a></li>
     </ul></li>
  <li><a href="#">Second Parent</a>
     <ul class="sub-menu">
          <li><a href="#">First Child</a></li>
          <li><a href="#">Second Child</a></li>
     </ul></li>
</ul>

Итак, функция, которую я написал для выбора родителя <li>, которая работает, это :

$("ul.sub-menu").hover(function(){
        $(this).closest("li").toggleClass("parenthovered");
});

, но как я могу заставить этот класс переключаться на a:linkродителя в ul.menu li? Что-то вроде :

$("ul.sub-menu").hover(function(){
        $(this).closest("li a").toggleClass("parenthovered");
});   

, но это, конечно, не работает, я просто не уверен, какой синтаксис мне нужно изменить.

Большое спасибо, ТАК.