jQuery中的load（）Failed to load resource: the server responded with a status of 404

照着视频做的，唯一不同的是视频中的IDE是Eclipse，我用的是IDEA目的是通过jQuery中的load方法在div中插入ul标签中的元素内容在src中的包是com.iotek.loadpro。新建的java文件是 LoadProject.java
代码是
package com.iotek.loadpro;import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;/**
 * Created by HP on 2019/8/3.
 */
public class LoadServlet extends HttpServlet{
    public LoadServlet(){super();}
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {        //设置浏览器解析的方式
        resp.setContentType("text/html;chara-set=UTF-8");
        resp.setCharacterEncoding("UTF-8");
        //获取输出流
        PrintWriter out = resp.getWriter();
        out.println("<ul id='myul'>");
        out.println("<li id='myli'>北京</li>");
        out.println("<li>长沙</li>");
        out.println("<li>广州</li>");
        out.println("</ul>");
        out.close();
    }    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        super.doPost(req, resp);
    }
}
新建的页面是index.html 
代码是<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="#" />
    <title>test load</title>
    <script type="text/javascript" src="scripts/jquery-3.4.1.js"></script>
    <script type="text/javascript">
        //客户端请求LoadServlet来加载数据，显示在页面
        jQuery(function(){
            jQuery("input:eq(0)").click(function(){
                jQuery("#content").load("LoadServlet");
            });
        });
    </script>
</head>
<body>
    <input type="button" value="loadGet"/>
    <input type="button" value="loadPost"/>
    <div id="content"></div></body>
</html>
在浏览器显示Failed to load resource: the server responded with a status of 404 (Not Found)请大神帮助解答