jQuery BlockUI Plugin - Firefox animated image does not work

jQuery BlockUI Plugin - Firefox animated image does not work

Hello,
I'm using the BlockUI Plugin found here:  http://www.malsup.com/jquery/block/ using the latest Firefox browser.  I can't seem to get any animated gifs to move inside the submit click function.  The gif is displayed but it does not move.  If I put the code outside of the submit click function it works.  Below is the code I am using. 

Thanks for your help.

  1. $(document).ready(function ()
    {
        $("#upload tr:even").css("background-color", "#D0D0D0");
        $("#upload tr:odd").css("background-color", "#EEEEEE");

        $("#upload2 tr:even").css("background-color", "#D0D0D0");
        $("#upload2 tr:odd").css("background-color", "#EEEEEE");

        $('#submit').click(function()
        {
            if( !$("input[name='fileType']:checked").val() )
            {
                alert( "Please select a radio button." );
                return false;
            }
            $.blockUI.defaults.css.padding = '15px';
            $.blockUI.defaults.css.textAlign = 'center';
            $.blockUI.defaults.css.width = '25%';
           
            $.blockUI({ message: '<h2><img src="/site/images/loading-bars.gif" /><br><br>One moment please...&nbsp;&nbsp;Your file is uploading.</h2>' });   
        });
    });