Form Menu

Iwouldlikethenextmenutobeselectedaccordingtothepage.Homeisselectedbecauseithasthe"active" class. I would like it to be selected automatically when clicking. I've tried it anyway with CSS and Jquery but it does not work. I think it's because the menus are configured with routes, then the page is reloaded and does not keep the menu active.

MENU

<div class="navi">
    <ul>
        @can('publica',Auth::user())
           <li class="active"><a href="{{route('home')}}"><i class="fa fa-home" aria-hidden="true"></i>HOME</a></li>
        @endcan
        @can('adm',Auth::user())
           <li><a href="{{route('curso_novo')}}"><i class="fa fa-graduation-cap" aria-hidden="true"></i>NOVO CURSO</a></li>
        @endcan
        @can('adm',Auth::user())
           <li><a href="{{route('aluno_cadastrar')}}"><i class="fa fa-user" aria-hidden="true"></i>NOVO ALUNO</a></li>
        @endcan
        @can('publica',Auth::user())
           <li><a href="{{route('aluno_buscar')}}"><i class="fa fa-search-minus" aria-hidden="true"></i>BUSCAR ALUNO</a></li>
        @endcan
           <li><a href="{{route('sair')}}"><i class="fa fa-sign-out" aria-hidden="true"></i>SAIR</a></li>
     </ul>
 </div>