单独的js文件，事件不起作用

Question

我有一个外部js文件，其中加载了所有数据，main.js。 我的apsx页面上有一个重置按钮。按钮点击事件写在main.js中，如下所示

$('#btnReset').on('click', function (event) {
    DefaultValues();
    GetFinalData();
});

同样地，我在main.js中也有很少其他事件用于不同的按钮和下拉菜单 此文件还包含2个函数DefaultValues()和GetFinalData()，其中进行ajax调用以获取一些值并填充aspx页面上的下拉列表和网格。
现在我想将所有事件分成单独的文件events.js。我在此文件中放置了重置按钮单击事件。

并按如下方式加载js文件。

 <script type="text/javascript" src="js/events.js"></script>
 <script type="text/javascript" src="js/main.js"></script>

执行此操作后，click事件无效。我究竟做错了什么。请帮助！