JQuery mouseover image overlay

Question

Just wondering how I can get this working 100% correctly. I think I\'m nearly there.

Basically, I have an image & when I mouseover, I want an overlay (which is a

Answer 1

The simplest solution is to add a wrapping element for both elements:

And place the mouseover/mouseout methods to that element instead:

$('.wrap').mouseover(function () {
    $('.company-image-overlay').show();
}).mouseout(function () {
    $('.company-image-overlay').hide();
});

JS Fiddle demo.