jquery script works in chrome but not in firefox
<p>My script is meant to find the link to a fullsize picture from a thumbnail and open it up in a modal window. It works fine in Chrome but just follows the link and seems to ignore the script in firefox.</p>

<pre><code>   $(".gallery-item").click(function(e) {
     e.preventDefault();
    //get var to hold ".galler-icon a" for this specific pic
    var imagelink = $(this).children().children().attr('href');
    $('#dialog').append('&lt;img id="theImg" class="resize" src="' + imagelink + '" /&gt;');
    var caption = $(this).find(".gallery-caption ").text();
    $('#dialog').append('&lt;p id="theCaption"&gt;' + caption + '&lt;/p&gt;');
    //Get the screen height and width
    var maskHeight = $(document).height();
    var maskWidth = $(window).width();

    //Set height and width to mask to fill up the whole screen
    $('#mask').css({
        'width': maskWidth,
        'height': maskHeight
    });

    //transition effect     
    $('#mask').fadeIn(1000);
    $('#mask').fadeTo("slow", 0.8);

    //Get the window height and width
    var winH = $(window).height();
    var winW = $(window).width();
    //Set the popup window to center
    $("#dialog").css('top', winH / 2 - $("#dialog").height() / 2);
    $("#dialog").css('left', winW / 2 - $("#dialog").width() / 2);

    //transition effect
    $("#dialog").fadeIn(2000);
    //if close button is clicked
    $('.window .close').click(function(e) {
        //Cancel the link behavior
        e.preventDefault();
        $('#mask, .window').hide();
        $('#theImg').remove();
        $('#theCaption').remove();
    });

    //if mask is clicked
    $('#mask').click(function() {
        $(this).hide();
        $('.window').hide();
        $('#theImg').remove();
        $('#theCaption').remove();
    });
    return false;
});
</code></pre>

<p>To summarize firefox ignores this script and follows the link. How can I fix this?</p>
