Я пытаюсь скрыть определенное изображение при наведении мыши и показать другое изображение. Противоположность будет сделана, когда мышка. Ниже приведен код, который я написал,

<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});" >

Но это не работает, когда я запускаю приложение. Кто-нибудь может указать, что пошло не так в этом?
 Большое спасибо!