jQuery не запускается в Safari при отправке формы

У меня есть особая проблема, которая вызывает у меня головную боль ... Следующий код прекрасно работает в Firefox, но не в Safari на Mac OS.

Я хочу отобразить простое сообщение "Загрузка сообщения" пока файлы загружаются. Итак, моя страница выглядит так:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
        <script>
            $(document).ready(function () {
                $('#upload').on('submit', function () {

                    $("#loading").fadeIn();

                });

            });
        </script>
    </head>

    <body>
        <p id="loading" style="display:none">UPLOADING...</p>


            <form name="upload" id="upload" method="post" action="upload.php" enctype="multipart/form-data">
                <input type='file' name='file[]' multiple/>
                <input type="submit" value="Upload..."/>
            </form>

    </body>
</html>

В Firefox «ЗАГРУЗКА ...» перед загрузкой файлов в файл upload.php появляется строка. В Safari "ЗАГРУЗКА ..." линияdoesn't show и он передает меня в upload.php после загрузки файлов.

Если это что-то не поддерживается в Safari, как я могу добиться точно такой же функции?

Спасибо за помощь!

Ответы на вопрос(1)

Ваш ответ на вопрос