overlay shows up before click? EDIT: Workspace issue -clear cache

EDIT: literally copied and pasted from the project files and they will not work in my browser chrome, I guess I'll avoid workspaces.

EDIT 2: cleared the cache a couple times and now it works

my project is the same code as his from the video, but my overlay shows up right as the page loads. I don't see how. p.s. the code markup isn't working either...

http://port-80-az372rd1sp.treehouse-app.com/

//Problem user shouldn't go to a new page dead end when clicking image //solution- create overlay w large image

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

$overlay.append($image);

// add overlay $("body").append($overlay); // image // caption

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

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

// show overlay
$overlay.show();

// add alt as a caption

});

//on overlay click remove overlay