Estou tentando esconder uma imagem específica no mouse e exibir outra imagem. O oposto será feito quando mouseout. Abaixo está o código que eu escrevi,

<div id="console" onmouseover="$(this).find('#offer_image').css({display: none});$(this).find('#offer_image_selected').css({visibility: visible});"
     onmouseout="$(this).find('#offer_image').css({visibility: visible});$(this).find('#offer_image_selected').css({display: none});" >

Mas não funciona quando eu executo o aplicativo. Alguém pode apontar o que deu errado?
Muito obrigado!