如何根据元素的class设置一个全局监听事件

Question

问题：
在输入过程中做了一个异步搜索，并将搜索结果放在下面的一个ul列表中，想实现点击搜索结果自动把值填充到这个id为username的input框中
我的做法是：
根据class来对元素添加一个onclick监听事件，因为不想给每个li都加一个onclick方法
遇到的情况是：
不起效果，好像我这种写法对一开始就加载好的元素有效，但对网页加载完成后的异步传输的元素不起作用，不知道该怎么改进
$(function(){
$(".userlist").on({
onclick:function(){
$('#username').val($(this).val());
}
});
});