动态生成的元素无法绑定事件

$.get("/test/data", function(data){
  var html = '<ul><li id="1">1</li><li id="2">2</li><li id="3">3</li><ul>';
  $("#div").append(html);
  // 在 DOM 树二次生成的同时进行绑定
  (function () {
    $("#div").onclick = function () {
      console.log(this.id);
    }
  })();
});

// output:
// 1
// 2
// 3