Node.js pug模板中元素的显示值不会改变？另外，jQuery不起作用？

Question

代码：

html
    head
        title abc123
    body
        for t in things
            button(onclick="doThing('" + t + "')") #{t}
            br
        div(id='box' style='display:none;')
            input(id='boxInput' type='text')
            button
   script(src='https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js' type='text/javascript')
   script(type='text/javascript').
       var doThing = function (thing) {
           document.getElementById('box').style.display = 'block';

           var xmlHttp = new XMLHttpRequest();
           xmlHttp.open('POST', '/doThing', false);
           xmlHttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
           xmlHttp.send('name=' + thing);
       }

1）所以'box'及其内容在我点击其中一个之后就不显示了。它的显示值仍然是“无”。这是为什么？

2）我想用它而不是XMLHttpRequest：

$.ajax({
   type: 'POST',
   url: '/doThing',
   // etc...
});

但控制台总是带回'未捕获的ReferenceError：$未定义'。我已经改变了点的位置，仅为jQuery创建了一个单独的脚本，但我仍然得到相同的引用错误。我做错了什么？

提前致谢。