I've gone through this video and retyped my code verbatim every time. I did the same thing for the prior exercise and couldn't get the console to log anything nor prevent the default "dead end" action. To say this is infuriating is an understatement.

I notice in workspaces that the color of my code doesn't match that in the video, even though the text is -verbatim- what appears in the video. (Don't even suggest that I missed a character -- I'm more than positive that I didn't.)

Here's my app.js:

//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>'); //Add overlay $("body").append($overlay); //An image //A caption

//1. Capture the click event on a link to an image $("#imageGallery a").click(function(event){ event.preventDefault(); var href=$(this).attr("href"); $overlay.show(); //Show the overlay. //Update overlay with the image linked in the link //Get child's alt attribute and set caption

});

//When overlay is clicked //Hide the overlay

And here's my CSS:

overlay {

background:black; width:100%; height:100%; position:absolute; top:0; left:0; }