My caption is not showing up and I followed every step of the video! I could use another pair of eyes.

I followed every step as instructed and the image caption is not showing up. Please take a look at my code and let me know how i messed it! :)

//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>");

//Add image to overlay

$overlay.append($image);

// caption

$overlay.append($caption);

// Add overlay

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

//1.Capture Click event on link around 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 overlay $overlay.show(); });

//Get child's alt atribute and set caption

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

// When overlay is clicked

$overlay.click(function(){

//hide overlay

$overlay.hide(); });

link: https://teamtreehouse.com/workspaces/22966492