div on hover with jquery go away

div on hover with jquery go away

I am using this jquery code to show div on hover:
$(function() {
$('#div1').hover(function() {
$('#div2').fadeIn();
}, function() {
$('#div2').fadeOut();
});
});
on jSFiddle: http://jsfiddle.net/4z2zq/4/
This will use two DIV ID 1)div1 2)div2
But when #div2 get hovered i can't click on those links! this div get
disappear when i try to click on those links. Any idea to keep #div2 while
hovering #div2 itself. Sorry for this dumb Q.