jQuery load() only works once

1

Any idea what I might be doing wrong?

I got an HTML form, and I’m trying to reload the form with different OPTION values when a SELECT drop down is changed, so I got something like that:


$('#select_id').change(function () {
	$('#select_id option:selected').each(function () {
		var my_var = $(this).val();
		var reload = 'http://some_url/?var=' + my_var;
		$('#ajax_content').load(reload);
	});
});

The ajax_content div contains the whole form. and select_id you guessed it is the ID on the SELECT element.

The form reloads fine the 1st time, with the processed, new content, but after that it doesn’t do anything anymore… it’s like Javascript inside the newly loaded content doesn’t work anymore, even a simple alert() test stuck in the jquery function doesn’t work…

Any idea of what I might be doing wrong?

Thanks!