показывать div при отправке формы, работает в Chrome, FF, IE, но не в Safari

Не знаю, куда с этим идти.

У меня есть форма, при отправке которой я хотел бы отобразить сообщение "обработка, подождите". (В форме есть фотографии для загрузки, поэтому это может занять некоторое время)

У меня есть следующий jQuery

$(document).ready(function() {
    $('#addnews').submit(function() {
        $('#loading').show();
    });
});

addnews— идентификатор моей формы, и div в моем шаблоне

<div id="loading">Please wait, your news is being submitted...
    <img src="/-/images/addwalk-loader.gif"/>
</div>

с этим css

#loading{
    display:block;
    display: none;
    background:#399f8a;
    color:#FFFFFF;
    font-weight: bold;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding:10px;
    margin-top: 10px;
}

.loading img{
    float: right;
}

Теперь это работает, когда я нажимаю «Отправить» в FF (Mac), Chrome (Mac и ПК) и IE9 (хотя gif не анимируется, но я знаю, что это отдельный issue)

, но, похоже, он не хочет работать в Safari на Mac. Любые идеи, есть ли что-то в том, что у меня есть, что останавливает это? Или какой лучший способ отладить это? Спасибо!