如何在cshtml Razor页面中使用Jquery引用外部JS文件

Question

我正在尝试在ASP.Net MVC5中开发一个应用程序。我在Razor页面中编写了一些JQuery函数。我想将这些JQuery函数带到外部JS文件并将其包含在.cshtml页面中。 这就是我在.cshtml文件中引用Js文件的方式

<script src="~/Js/Driver.js"></script>

如果我在alert("External JS file loaded successfully");文件中写Driver.js，则会成功弹出消息框。但是如果我写这个函数

$("#btnCreate").click(function () {
alert("Create button clicked");});

在该文件中，它在控制台中显示以下错误。

如何解决这个问题？