как использовать JQuery AJAX успешных данных

Question

У меня постоянно возникает проблема, из-за которой я не могу использовать данные успеха ajax для выполнения другой функции. согласно ниже

$("#addproperty_state").keyup(function(){
    var vardata = $(this).val();
    var urlPro ="<?php echo HTTP_PHP; ?>ajax_common.php?action=get_area&area="+vardata;
    $.ajax({
        type: "POST",
        url: urlPro,
        dataType: "text",
            async:false,
        success: function(data) {
            $('#statelist').html(data);
            }
    });
    return false; 
});

Теперь я хочу использовать результат вызова ajax, чтобы я мог заполнить другое текстовое поле значением результата.

$("#statelist li").click(function(){
    var statename = $(this).attr("title");
    $("#addproperty_state").val(statename);
});

но если бы я сейчас нажал на li, ничего не произошло. Как я могу использовать результат AJAX, чтобы сделать что-то еще с ним? Будем очень благодарны любой помощи. Спасибо

Answer 1

Используйте функцию .live :

$("#statelist li").live("click", function(){
    var statename = $(this).attr("title");
    $("#addproperty_state").val(statename);
});

Работает для элементов, которые будут добавлены в dom позже