Не работает скрипт в Chrom и ie6-ie8
 

Здравствуйте! Написал скрипт который должен выводить аяксом города из выбранной области
на данный момент html код такой

<select name="oblast" class="inputbox required" >			
<option value="Адыгея" name="1" >Адыгея</option>
<option value="Алтай" name="2" >Алтай</option>
<option value="Алтайский" name="3" >Алтайский</option>
</select>

jQuery('select[name=oblast] option').click(function(){
	
		load_city($(this).attr('name'));
	});
	
	function load_city(id){
		
		var url ='task=load_city&no_html=1';
		jQuery.ajax({
		
			url: 'index2.php?option=com_user&'+url,
			type:'GET',
			dataType: "html",
			data:{id_citi:id},
			success: function(msg)
			{
				jQuery('select[name=citi]').prepend(msg);
			}
			
		});
	};

В лисе 20.0 и ie10 код работает нормально. В хроме и ие ниже версией не работает вообще. Даже если вставляю в функцию alert не срабатывает

jQuery('select[name=oblast] option').click(function(){
	        alert('@');
		load_city($(this).attr('name'));
	});

Изменял html на

<select name="oblast" class="inputbox required" >			
<option value="Адыгея" onclick="load_city(1)">Адыгея</option>
<option value="Алтай"  onclick="load_city(2)">Алтай</option>
<option value="Алтайский" onclick="load_city(3)">Алтайский</option>
</select>

js на

function load_city(id){
		
		var url ='task=load_city&no_html=1';
		jQuery.ajax({
		
			url: 'index2.php?option=com_user&'+url,
			type:'GET',
			dataType: "html",
			data:{id_citi:id},
			success: function(msg)
			{
				jQuery('select[name=citi]').prepend(msg);
			}
			
		});
	};

результата ноль. В чем может быть дело?

В криворукости разработчиков браузеров. Используйте событие change селекта.

danik.js спасибо, вопрос решен через change