<?php
// Скрипт вывода крутилки (библиотека: blocks/jquery-1.3.2.min.js)
echo "<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
var background = $('<div>').css({'backgroundColor' : '#000', 'width' : '100%', 'height' : '100%', 'position' : 'fixed', 'z-index' : '9', 'top' : '0', 'left' : '0', 'opacity' : '0.6'});
var image = $('<img>').attr({'src': 'http://image/zagruzka.gif'});
var text = $('<span>').text('Дождитесь завершения загрузки!').css({'font-family': 'Verdana, Arial, Helvetica, sans-serif', 'font-weight': 'bold', 'font-size': '16px', 'color': '#FFFFFF'});
var loading = $('<div>').css({'z-index' : '10', 'position' : 'fixed', 'top' : '40%', 'left' : '45%', 'margin' : '-64px 0 0 -64px', 'text-align': 'center'})
.html(image).append('<br><br>').append(text);
$('#submit').click(function(){
$('body').prepend(loading).prepend(background);
});
});
//]]>
</script>";
?>
Но он срабатывает сразу при нажатии кнопки:
<input name="dobavity" type="submit" class="knopka" id="submit" value="Загрузить">
Как изменить скрипт, чтобы "крутилка" выводилась при отправке формы на сервер?