Exibir apenas primeiro item da <li>

Meu código:

<style type="text/css">
.delete { display: none }

</style>

 

 

<ul>
 <li>Categoria 1</li>
 <li>Categoria 2 <div class="delete">Deletar Categoria 2</div>
 <ul>
 <li>Sub Categoria 2 <div class="delete">Deletar >Sub Categoria 2</div></li>
 </ul>
 </li>

</ul>

 

 

<script type="text/javascript">
$(document).ready(function() {
jQuery('li').hover(function () {
 $(this)....
}, function () {
 $(this)....
});
});
</script>

Quando o hover estiver no Categoria 2 eu quero exibir apenas o Deletar Categoria 2, e assim por diante.

Tentei aqui usando vários modos mas ainda não tive sucesso, se alguém puder ajudar.

Abs