Lightbox won't click away.

At the end of the course I got everything to look and act right. But when I click on an image, the lightbox pops up and no amount of clicking will make it go away. I don't understand what I've done to keep it from going away. Any Help?

var $overlay = $('<div id="overlay"></div>'); var $image = $("<img>"); var $caption = $("<p></p>");

$overlay.append($image);

$overlay.append($caption);

$("body").append($overlay);

$("#imageGallery a").click(function(event) { event.preventDefault(); var imageLocation = $(this).attr("href");

$image.attr("src", imageLocation);

$overlay.show();

var captionText = $(this).children("img").attr("alt"); $caption.text(captionText);

});

$overlay.click(function() { $overlay.hide

});