hide(); show(); evento do mause

Galera, modelo simples de código Jquery não quer funcionar de jeito nenhum!

$(document).ready(function(e) {
 $(".descMiniVideo").hide();
});

$(".control").mouseover(function(){
 $(".descMiniVideo").show(2000);
 })

$(".control").mouseout(function(){
 $(".descMiniVideo").hide(2000);
 })

html....

<div class="itemVideo">
 <a class="control" href="#">
 <div class="descMiniVideo">
 <span>Título do Vídeo</span>
 </div>
 <img alt="Título do Vídeo" src="miniaturas/hqdefault.jpg"/>
 </a>
</div>

ao entrar com o mouse sobre a imagem a div descMiniVideo que está sobrepondo a imagem deve aparecer com o título do vídeo, ao sair deve desaparecer!