jQuery更新字段onClick事件

Question

所以我遇到了一个问题，我不能在我的生活中获得jQuery命令来更新我的html页面上的字段。

目标是当我打开导航栏并查看我的元素时，我想更新品牌文字以显示“＆＃39; page＆＃39;我现在在。问题是，当我在任何这些链接上执行onClick事件时，它不会更新。我可以在主页面上使用相同的代码和示例链接，并且它可以正常工作，因此我不知道导致这种情况的原因。

<nav class="navbar navbar-light">
    <div class="container-fluid"><div class="navbar-brand" id="Brand">Brand</div><button data-toggle="collapse" data-target="#navcol-1" class="navbar-toggler"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse" id="navcol-1">
            <ul class="nav navbar-nav">
                <li role="presentation" class="nav-item"><a href="#" class="nav-link active" id="ONE">First Item</a></li>
                <li role="presentation" class="nav-item"><a href="#" class="nav-link">Second Item</a></li>
                <li role="presentation" class="nav-item"><a href="#" class="nav-link">Third Item</a></li>
            </ul>
        </div>
    </div>
</nav>

jQuery代码：

$(function() {
  $('#ONE').click(function() {
    $('#Brand').text('hello');
  });
});