Javascript 追加div html时，jQuery.on（'；change'；）将不会激发

我希望标题对这个问题有足够的描述——这里有一些代码和plnk

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

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

});

我试着阅读之前关于类似问题的问题，但所发布的解决方案似乎都不适合我。我希望这只是我错过的一件小事

谢谢

去掉这个

像这样改变你的点击功能

---

更改ul事件？您可以手动调用

。更改（）

您的意思是

单击
？；）就像阿努普说的。我们不要改变。您应该将其更改为打开（“单击”。。谢谢，我将根据您的建议修改代码谢谢您的建议/答案：）
$(document).ready(function() {
  $(document).on("change", '#selectCountry', function() {
    alert("changed");
  })
});

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