Onmouseover mudar imagem com fade

Olá pessoal, preciso de uma ajuda...

Eu tenho duas imagens, e quero utilizá-las como um submit.

Eu utilizo o input assim:

<input type="image" src="images/submit.png" name="submit" id="submit" />

Eu queria que quando passar o mouse na imagem, aparecer a outra (hover) com um efeito fade.

Alguém poderia me dar um exemplo?

Obrigado! :)