Получить имя класса дочернего элемента при наведении курсора jquery

При наведении курсора на список элементов меню я хочу, чтобы подменю отображалось, а затем снова скрывалось от мыши. Вопрос в том, как мне настроить таргетинг на конкретное подменю (, предполагая, что у меня будет больше пунктов меню с подменю )в элементе меню, на который нажали.

html

<ul>
 <li class="menuItem">
 Menu Item 1
 <ul class="subMenu">
 <li> <a href="#"> Link 1 </a> </li>
 <li> <a href="#"> Link 2 </a> </li>
 </ul>
</li>

javascript

$(document).ready(function() {
$('.menuItem').mouseover(function() {


$($this).class('.subMenu').show();

});
});