Javascript-форум - Иконка загрузки

Я никак не могу реализовать ещё одну штуку... в uploader'е при нажатии кнопки "upload" для отправки на сервер файла, чтобы поменять фотку пользователя - появлялась "иконка загрузки", а потом появлялась новая фотка на месте прежней.

Вот как я пытался это реализовать... Вообщем у меня ничего не работает... Подскажите решения проблемы.
jQuery:

$(document).ready(function() {
    $('form2').submit(function(){
      $('#photo_ava img').load( function() {
      $('#loader').hide();
      $('#photo_ava img').show();
      });
    });
  });

HTML:

<form name="form2" enctype="multipart/form-data" method="post" action="upload.php" id="form2" />
    <p><div id="imageUpload">Pick up an image to upload, and press 'upload'</div></p>
<p><input type="file" size="32" name="image_field" value="" /></p>
<p class="button"><input type="hidden" name="action" value="image" />
    <input type="submit" name="Submit" value="Upload" /></p>
    <img id="loader" src="img/ajax-loader.gif" alt="Loading..."></img>
</form>

<div id="photo_ava"><img src="<?php echo $_SESSION['avatar_b'] ?>"/></div>