Piszę aplikację gdzie łączę pliki z serwera FTP z kartą produktu w sklepie internetowym.

Aby użytkownik mógł wybrać plik z FTP wyświetlam mu listę folderów i plików. Do odpowiedniego DIV'a za pomocą AJAXa pobieram listę katalogów w formacie HTML.

a więc mam jakiś przycisk i pustego diva np:

[HTML] pobierz, plaintext 
<a href="#">FTP</a>
<div id="ftp_box"></div>
[HTML] pobierz, plaintext 

Po kliknięciu w link pobierana jest zawartość FTP.

Dodałem skrypt JS w którym "dorzucam" do sekcji HEAD plik css i w ten sposób ominąłem style wewnętrzne.
Problem jest kiedy chce wywołać taki fragment kodu:

[PHP] pobierz, plaintext 
$( document ).ready(function(){
 
	$("head").append( "<link href=\""+CSS_PATH+"/ftp.css\" type=\"text/css\" rel=\"stylesheet\">" );
 
	$("#ftp_response").hover(function(){
		alert(1);
		});
 
	});
[PHP] pobierz, plaintext 

Hover() nie działa i chyba wiem dlaczego. Dokument jest załadowany do końca, JS nie znajduje DIV#ftp_response, bo w dokumencie on nie istnieje, istnieje on dopiero po kliknięciu w przycisk (link).

W jaki sposób wymusić aby po załadowaniu diva do #ftp_box zaczęły działać funkcje odnoszące się do wcześniej nie istniejących obiektów?
Jedyne na co wpadłem to usuwanie i dodawanie skryptu JS ponownie, ale wydaje mi się to dość prymitywne.

Użyj metody on.
http://api.jquery.com/on/

Możesz wyjaśnić jak miało by to wyglądać? Bo przy użyciu tego mam ten sam problem.

To moze napisz jak to uzyles, bo moze zrobiles to zle

Poradziłem już sobie. Dzięki.