After included caption code, my slideshow have been working

Please, help me. I check my code twice. Before caption.text, my overlay slide had worked. And after including new code, my overlay and caption don't working. What I need to do? //Problem: User when clicking on image goes to a dead end //Solution: Create an overlay with the large image - Lightbox

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

//An image to overlay $overlay.append($image);

//A caption to overlay $olerlay.append($caption);

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

//A caption

//Capture the click event on a link to an image $("#imageGallery a").click(function(event){ event.preventDefault(); var imageLocation = $(this).attr("href");

//Update overlay with the image linked in the link $image.attr("src", imageLocation);

//Show the overlay $overlay.show();

//Get child's alt attribute and set caption var captionText = $(this).children("img").attr("alt"); $caption.text(captionText); });

//When overlay is clicked $overlay.click(function(){ //Hide the overlay $overlay.hide(); });