Выделение активной ссылки при переходе по ссылке

$(document).ready(function(){
  $('ul li a').click(function(){
    $('li a').removeClass("active");
    $(this).addClass("active");
});
});

.header-menu ul li a {
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 2px;
    font-weight: bold;
    color: #000;
    cursor: pointer;
    position: relative;
}

.header-menu ul li a.active {
      color: #c58a52;
      }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<nav class="header-menu">
                    <ul>
                 <li><a href="#">сервисы</a></li>
                 <li><a href="#">портфолио</a></li>
                 <li><a href="#">профиль</a></li>
                 <li><a href="#">блог</a></li>
                 <li><a href="#">Контакты</a></li>
                </ul>
       </nav>