我有下面的一段代码，它在一个页面上工作，而在另一个页面上不工作，尽管两个页面上的html标记是相同的：

JS的编号

$("#books_list").on('click', '.load-more-books', function(event) {
  // Some stuffs
});

Html

<div id="book_list">
...
</div>
<a href="..." class="load-more-books">More books</a>

即使在Chrome浏览器控制台事件中输入JS代码后也不会绑定。
谁能帮我一下，我做错了什么？
谢谢，苏丹