[jQuery] Pobranie wysokość wczytanego obrazka - ajax Opcje

[drzalek]

Witam,
Mam taki oto problem:
Chciałbym pobrać wysokość obrazka, który został wczytany za pomocą jquery do kodu strony. Niestety mój skrypt nie działa zbyt dobrze. Wysokość zostaje pobrana prawidłowo tylko wtedy, gdy zdjęcie było już wcześniej wczytane na stronie, jeśli zdjęcie ładuje się po raz pierwszy zostaje pobrana wartość 20, czyli taka jak wtedy gdy nie ma żadnej fotki.

Kod jquery przedstawia się następująco:

[HTML] pobierz, plaintext 
        $('#navigator li a').click(function(){
 
		katalog = $(this).attr('href');
 
		$.get('photo.php',{'id' : $(this).attr('href')}, function(data){
                    //zwraca liste zdjec odseparowanych srednikiem
                    var separator = ';';
                    $i=0;
                     galeria = data.split(separator); //tworzy tablice ze wszystkimi zdjeciami z danej galerii
 
                    element = '<img src="galerie/'+katalog+'/'+galeria[$i]+'" alt="fotografia" id="photo"/>'
 
 
                    $('#photo').replaceWith(element);
 
		});
 
		var height = $('#photo').height(); //wysokosc obrazka po wczytaniu
 
		alert(height);
 
		return false;
	});
 
        $('#next-container img').click(function(){
 
		$i = $i + 1;
		if($i>=galeria.length-1){
			$i = 0;
		}
 
		var element = '<img src="galerie/'+katalog+'/'+galeria[$i]+'" alt="fotografia" id="photo"/>'
		//alert(element);
 
		$('#photo').replaceWith(element);
 
 
 
		var height = $('#photo').height(); //wysokosc obrazka po wczytaniu nast zdjecia
		alert(height);	
		return false;	
	});
[HTML] pobierz, plaintext 

id photo to identyfikator zdjęcia ładowanego na stronie.
Czy ktoś ma może jakiś pomysł na rozwiązanie problemu?