live() не работает
 

Есть список

<ul class="dropdown" id="cn">
    <li>Выберите страну
        <ul>
            <li><a...>1</a></li>
            <li><a...>2</a></li>
            <li><a...>3</a></li>
...
        <ul>
    <li>
</ul>

второй список аналогичен только составляется из ajax-запроса.

<ul class="dropdown" id="cities" style="display: none;">
    <li>Выберите город
	<ul></ul>
    </li>
</ul>

$("#cn ul li a").click(function(e){
	e.preventDefault();
	$("#cn ul li").removeClass("current");
	$("#cities li ul li").remove();

	var uri = $(this).attr("href");
	var id = $.url.setUrl(uri).param("id");
	$.ajax({
		type: "GET",
		url: "<?php echo JRoute::_('index.php?option=com&format=raw'); ?>",
		data: "task=theatres&params=city_list&id="+id,
		success: function(r) {
			$("#cities").show();
			$("#cn ul li a#cn_"+id).closest("li").addClass("current");
			$("#cities li ul").append(r);
		}
	});
});
$("#cities ul li a").live("click", function(e){
	e.preventDefault();
	$("#cities ul li").removeClass("current");

	var url = $(this).attr("href");
	var cid = $.url.setUrl(url).param("id");
	var city = $.url.setUrl(url).param("city");
	$.ajax({
		type: "GET",
		url: "<?php echo JRoute::_('index.php?option=com&format=raw'); ?>",
		data: "task=theatres&params=thr_list&cn="+cid+"&city="+city,
		success: function(r) {
			$("#cities ul li a#c_"+id).closest("li").addClass("current");
			$("#show_map").show();
		}
	});
});

проблема в том что при клике на элементах второго списка ничего не происходит.
Где грабли?