Add a fade effect to this image replacement jQuery snippet -

i'm using image replacement jquery snippet when hovers on thumbnail, "main" image changes;

$('.circle img').hover(function () { $('#main-image').attr('src', $(this).attr('src')); }); 

is there way make "main" images fade 1 when hovers on .circle img instead of them switching?

using fadein() or fadeout() effect can done