Witam

Jestem zielony w JavaScript i niedawno skończyłem własny tok nauczania o tym języku.

Napotkałem taki problem:
Na jednej stronie html, robię formularz, który dzięki jquery wyświetla się w "krokach" - czyli, żeby przejść do następnej części, trzeba wypełnić prawidłowo najpierw pole formularza.
Niestety już na pierwszym kroku mam problem, bo pierwsza funkcja, która odpowiada za rozpoczęcie instalacji działa jak należy, natomiast druga już w ogóle nie rusza.

Oto kod java script:

[HTML] pobierz, plaintext 
/* Załadowanie wszystkich funkcji i utworzenie zmiennych przechowujących informację o postępach instalacji */
$(document).ready(function() {
	var postep;
	rozpocznijInstalacje();
	sprawdzKrok1();
});
 
/* Funkcje niezbędne do przeprowadzenia dynamicznej instalacji ENDO */
function rozpocznijInstalacje() {
	$('.rozpocznij').click(function() {
		var postep = 'krok1';
		$.ajax ({
			type	:"POST",
			url		:"instalator.php",
			data	:{
				postep:	postep
			},
			success:	function(dane) {
				$('#pojemnikGlowny').html(dane);
			}
		});
	});
}
function sprawdzKrok1() {
	$('.sprawdzKrok1').click(function() {
		var wynikSprawdzenia;
		var wiadomosc = '<div class="wynikSprawdzenia">';
		var nazwaWitryny = $('textarea[name="nazwaWitryny"]').val();
		var opisWitryny = $('textarea[name="opisWitryny"]').val();
		var slowaKluczowe = $('textarea[name="slowaKluczowe"]').val();
		alert(nazwaWitryny);
		var prawidloweZnaki = /^([a-zA-Z_\.,])$/;
		if(!prawidloweZnaki.test(nazwaWitryny) || nazwaWitryny.val() == '') {
			nazwaWitrynyWynik = false;			
			wiadomosc += '<p class="blad">Nazwa witryny jest nieprawidłowa!</p>';
		}
		else {
			nazwaWitrynyWynik = true;
		}
		if(!prawidloweZnaki.test(opisWitryny) || opisWitryny.val() == '') {
			opisWitrynyWynik = false;
			wiadomosc += '<p class="blad">Opis wistryny jest nieprawidłowy!</p>';
		}
		else {
			opisWitrynyWynik = true;
		}
		if(!prawidloweZnaki.test(slowaKluczowe) || slowaKluczowe.val() == '') {
			slowaKluczoweWynik = false;
			wiadomosc += '<p class="blad">Słowa kluczowe są nieprawidłowe!</p>';
		}
		else {
			slowaKluczoweWynik = true;
		}
 
		if(nazwaWitrynyWynik == false || opisWitrynyWynik == false || slowaKluczoweWynik ==false) {
			wynikSprawdzenia = false;
			wiadomosc += '<p class="blad">Wypełnij pola jeszcze raz.</p></div>';
			$('#pojemnikGlowny').append(wiadomosc);
		}		
	});
}
[HTML] pobierz, plaintext 

Przycisk, który ma za zadanie wywołać tę funkcję to zwykły input:button.
Dodam jeszcze, że kod html formularza jest umieszczany dynamicznie poprzez wcześniejsze zapytanie do skryptu php, który odsyła całkowicie nowy fragment strony, tym samym usuwając poprzednią treść.

Co to znaczy dynamicznie dosyla? ajaxem?
.sprawdzKrok1 tez jest podmieniane?
zamiast $('.sprawdzKrok1').click(function() {
sprobuj $('body').on('click', '.sprawdzKrok1', function() {, albo odpal sobie ta funkcje jeszcze raz po podmienieniu contentu w success ajaxa.