Aplicar efeito de opacidade em uma imagem

HTML

<div>
    <img class="" src="http://www.linhadecomando.com/wp-content/uploads/Logo__2.png" />
    <a href="#" class="efeito">Clique para aplicar efeito</a>
</div>

CSS

img { opacity: 0; display:block;}

JavaScript

$("a.efeito").mouseover(function(){
    $(this).prev().fadeTo("", 4);
  }).mouseout(function(){
    $(this).prev().fadeTo("", 0);
  });