Есть код
<div class="com1">
 Сообщение
 <div style="display:none" class="com2">скрытый текст</div>
</div><br>
<div class="com1">
 Сообщение
 <div style="display:none" class="com2">скрытый текст</div>
</div><br>
<div class="com1">
 Сообщение
 <div style="display:none" class="com2">скрытый текст</div>
</div><br>
<script type="text/javascript">
$('.com1').hover(function (){
  
});
</script>
Как сделать чтоб при наведении на 
.com1 появлялся текст 
.com2?