jQuery для обновления поля onClick

Question

Так что у меня есть проблема, когда я не могу на всю жизнь получить команду jQuery для обновления поля на моей html-странице.

Цель - когда я открываю свою панель навигации и вижу свои элементы,Я хочу обновить текст бренда, чтобы показать, на какой «странице» я сейчас нахожусь.Проблема в том, что когда я делаю событие 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 code:

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