javascript-仅重新加载页面中的jquery

我在页面上使用jQuery和XAJAX.
我有例如：

<span id="one">one</span>
<span id="two">two</span>

该页面已成功加载,然后使用XAJAX添加元素：

<span id="one">one</span>
<span id="two">two</span>
<span id="three">three</span>

没有页面重新加载.但是随后发生了问题,我无法单击新添加的项目：

$(document).ready(function() {
        $("#one").click(function() {
           alert('one');
    }); // This works

        $("#three").click(function() {
           alert('one');
    }); // This doesn't working

});

如何使其工作,所以我可以单击添加的元素？

解决方法:

如果要添加内容,请使用live方法：

$("#three").live('click', function(){
    alert('three');
});