Problem z wysyłaniem formularza w załadowanej przez AJAX stronie WWW

Witajcie,

Postaram się opisać problem możliwie najjaśniej z drugiej strony liczę na wyrozumiałość i pomocną dłoń ponieważ z problemem borykam się już dłuższy czas.

Do wymiany "contentu" na stronie używam jQuery, a dokładniej obiektu ajax w nim zawartego.
Wymiana podstron przebiega pomyślnie. Style CSS nakładają się na nowo wgrane podstrony itd.
Problem pojawia się gdy w podstronie znajduje się formularz. Gdy staram się wywołać akcję po wciśnięciu przycisku Submit, formularz po prostu się wysyła pomijając skrypt i odświeża całą stronę do pliku docelowego zawartego w atrybucie action.
Chciałbym by wszystkie hiperłącza, jak i formularze wykonywały się wewnątrz jednego znacznika div, a krypt do obsługi tych formularzy znajdował się w pliku głównym index.
Czy jest ktoś kto mógłby mnie jakoś pokierować w rozwiązaniu tego problemu ?

Pozdrawiam,
VanZen

metoda ".on" z parametrem submit lub click z jquery (min. wersja 1.7 na starszych dziala .live)

wiecej:

http://api.jquery.com/on/

Zastosowałem poniższy kod by przetestować działanie metody .on()

$('div#box span').find('input[type="submit"]').on('click', function (){
	alert($(this).val());
	return false;
});

Niestety bez żadnego efektu.
Formularze i tak się wysyłają odświeżając przy tym całą stronę.

Nie lepiej użyć czegoś w stylu PJAX. Powinno się ładnie integrować ze wszystkim.

Musisz miec cos co nie jest generowane przez ajax by zaczepic sie prze .on (moze byc to $(document) ale im blizej generowane kodu tym lepiej, wiec mozna opakowac to w diva:

<div class="formDiv">
     <!--tutaj bedziesz generowal formularz-->
</div>

a tak wyglada .js:

$(".formDiv").on('submit', '.nazwaklasyformularza', function (){
        return false;
});

lub

$(".formDiv").on('click', '.nazwaklasyprzyciskusubmit', function (){
        return false;
});

oczywiscie klasy mozesz zamienic na identyfikatory