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

Question

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