[jQuery] Delaying the Hide Effect

[jQuery] Delaying the Hide Effect


Hi, I have hidden text that appears whenever someone hovers over an
image in my table. And I want it to disappear 5 seconds after they
stop hovering over the image.
Right now I have:
$(document).ready(function(){
$('div.hidden').hide();
$('img.hidden').mouseover(function() {
$(this).next('div.hidden').show();
});
$('img.hidden').mouseout(function() {
$(this).next('div.hidden').hide();
});
});