如何将鼠标悬停在图像上以显示第二张图像？

Question

我最近开始学习jquery，我想问下面的问题。

假设我想这样做http://jsfiddle.net/gnVud/172/。

基本上当我将鼠标悬停在主图像上时，我希望第二张图像与缩放图标一起显示。我所做的是工作，但我100％确定这不是正确的方法。所以

1）现在我正在做

zoom.on('mouseenter',function() {
    image.stop(true,true).fadeTo(100,1);
});
zoom.on('mouseleave',function() {
    image.stop(true,true).fadeTo(100,0.5);
}); 

所以当它超过缩放图像时，主图像的行为就像悬停在它之外。如果我将mousenter事件放在主图像上，那么当我将鼠标悬停在缩放上时它会闪烁。那么正确的方法是什么？我写的是工作，但我很确定它必须是一个更好的方法。

2）现在我正在使用find两次。一个在mouseenterle上的mouseenter上。有没有办法让它们全球化？

3）现在我在主div上有一个事件，最后我使用了一个选择器。这比$('.cont').on更好吗？它是一样的吗？