多个jQuery选择器未注册Click事件

Question

我正在尝试使用jQuery注册click事件。这对我有用：

$('ul.main-menu li').click(function() {
  alert('Clicked');
});

但我需要的是这个工作：

$(document).on('click', '.email-refresh, #loadMoreMessages, ul.main-menu li', function() {
  alert('Clicked');
});

点击.email-refresh和#loadMoreMessages元素后，点击事件就会生效。但是，当我单击ul.main-menu li元素时，单击事件不起作用。

为了让点击事件有效，我需要做什么？我真的不明白为什么它在我的第一行代码中工作，而不是在我的第二行代码中。