jsp引入外部自定义js文件不起作用

问题描述：在jsp页面的head标签中引入一个自定义的外部js（login.js）文件如下：

$('.loginButton').click(function(e) {
	alert("1");
    
});

jsp页面body标签中定义的div内容如下：

想要的效果是页面上点击loginButton这个标签按钮后，去调用login.js做一些参数校验，结果出现点击后不报错，但无响应，也进入不到js文件的click事件中的现象。

问题原因：经尝试，是因为加载顺序造成的，

解决办法：把js文件放在标签后引入即可