css - 将鼠标悬停在图像上，出现一个链接

Question

嗨，我有以下代码，但它不起作用。它假设将鼠标悬停在图像上并获得链接标题。

 $('ul li').mouseenter(function(){
    var image= $(this).find('img'),
        thumbnail = $(this).find('div');

    thumbnail.width(image.width());
    thumbnail.height(image.height());
    thumbnail.fadeIn();
}).mouseleave(function(){
     var image= $(this).find('img'),
        thumbnail = $(this).find('div');

    thumbnail.width(image.width());
    thumbnail.height(image.height());
    thumbnail.fadeOut();
});

这是整个代码http://jsfiddle.net/wdAzE/3/