jQuery - function not run

[snowysweb]

Hi all, here is my script i wrote (yet again, new to this, actually started this morning - 4am).

$(document).ready(function(){
		$("#test").change(onSelectChange);
	});
	function onSelectChange(){
	var dropDown1 = $("#test :selected").text()
		$.ajax({
			  type: "GET", data: "pg=<?php echo $_GET['pg']; ?>&word=" + dropDown1, url: "php/php_ajax_input_script.php", cache: false, success: 
			  function(html){
				$("#ajaxDiv").html(html); 
				$("#test2").change(onSelectChange2);
				}
				
			});
	}
	function onSelectChange2(){
	var dropDown2 = $("#test2 :selected").text()
		$.ajax({
			  type: "GET", data: "pg=<?php echo $_GET['pg']; ?>&word=" + dropDown2, url: "php/php_ajax_input_script2.php", cache: false, success: 
			  function(html){
				$("#ajaxDiv2").html(html); }
			});
	}
	
	//$("#updateContent").click( function() {
	//var word = $("#word").value()
	//alert('hghg')
		//$.ajax({
		//	  type: "GET", data: "pg=<?php echo $_GET['pg']; ?>&word=" + word + "&Name_value=" + nameValue, url: "php/php_ajax_input_script4.php", cache: false, success: function(html){
		//		$("#ajaxDiv4").html(html); }
		//	});
	//});

The last function will not run. The button with the id "updateContent" is loaded in by the previous function with AJAX call.

Any ideas why it wont work would be greatfull

[Eldarrion]

For starters, it looks to be commented out. I'm guessing though that's not the case in your test environment. But, if the button, called 'updateContent' comes in after load... you might want to stick the click assigning in the AJAX callback, rather than on load... because on load, the button does not exist and as such, the click event doesn't get assigned.

Other than that, I guess you can use .live rather than reassigning every time the AJAX completes. Look it up in jQuery's API.

[snowysweb]

i fixed this by using .bind but does anyone know how to bind the data that was retrieved from the previous functions?