event.preventDefault(); Not Working in Mozilla Firefox

What message do you get when you click on the URL in this example?

Richard, I get this response when clicking on the link in your example: 'preventDefault registered'

//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 the overlay $overlay.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 clicked on 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(){

$overlay.hide();

});

Can you add your html to here please :)

I added my html to the provided link. Do I need to click on anything to save it or anything so you can view it?

Yeah click "Share" then click on the lock to lock the changes and send me the link or revision number and Ill take a look.

http://jsbin.com/pijevuhe/6/edit?html,js,output

I didn't delete the html you already had above mine.