如何使用javascript创建元素，然后在点击时访问其ID？

Question

我正在使用jQuery在<span>内创建新的<div id="boxclass"></div> 像这样：

$("#boxclass").append("<span id='test'></span>");

但我无法通过点击访问新创建的跨度。

$( "#test" ).click(function() {

    alert("Clicked on appended span");

});

我该如何解决这个问题？

谢谢。