Редактирование данных прямо в таблице
 

Здравствуйте!
Здесь Тест находится тестовая страница. Таблица с пользователями. Нужно, чтобы при нажатии на любое значение из колонки Город вместо этого значения появлялся select с возможными вариантами.

В принципе, это уже сделано, с одним косячком. Это появление происходит со второго клика. То есть первый раз нажимаем - ничего не происходит. Второй раз - нормально появляется. Подскажите пожалуйста, почему так происходит?

Вот код при нажатии на элемент колонки Город:

$('div.edit-select').click(function(){
	if ($('#editbox').length>0) {
		return false;
	} 
	$('.ajax').html($('.ajax select').val());
	//удаляем все классы ajax
	$('.ajax').removeClass('ajax');
	//Нажатой ячейке присваиваем класс ajax
	$(this).addClass('ajax');
	var selectVal = $(this).text();
	var check = "select-val";
	$.post("http://test.panfproject.ru/ajax.php",
			{
				check: check,
				selectVal: selectVal
			},
			function(data) {
				//var data1;
				data1 = data;
				return data1;
			}
		);
	$(this).html(data1);
	//внутри ячейки создаём input и вставляем текст из ячейки в него
	
	//устанавливаем фокус на созданном элементе
	$('#editbox').focus();
});

Переменная data возвращает html с выводом select с нужными элементами-городами в результате ajax запроса.

Буду благодарен всем откликнувшимся...