jQuery .on ('change') не срабатывает при добавлении div html

Question

Надеюсь, что заголовок дает достаточно описания проблемы - вот какой код и plnk;

$(document).ready(function() { 
    $(document).on("change", '#selectCountry', function() { 
    alert("changed"); 
    }) 
}); 

$("ul#countries li a").click(function() { 
    $("#selectCountry").html("") 
    $("#selectCountry").append($(this).html()) 

}); 

http://plnkr.co/edit/1MxnJmL3RlBeZy3pvPhH?p=preview

Я попытался прочитать предыдущие вопросы здесь относительно аналогичного вопроса, но ни одно из решений не отвечал, казалось, работал для меня. Я надеюсь, что это всего лишь небольшая вещь, которую мне не хватает?

Благодаря

Answer 1

удалить это

$(document).ready(function() { 
    $(document).on("change", '#selectCountry', function() { 
    alert("changed"); 
    }) 
}); 

изменения ваша функция нажмите как это событие изменения

$("ul#countries li a").click(function() { 
    $("#selectCountry").html($(this).text()) 
});