Podkreślenie pojedynczego linku w jQuery

Hej,
napisałem sobie taki kodzik, który po kliknęciu pozostawia podkreślenie pod linkiem. To działa. Działa to również dla każdego linku. W jaki sposób ustawić tak, że gdy jakiś link jest już podkreślony wybiorę następny to poprzedne podkreślenie znika a pojawia się nowe?

$(function(){
   $("ul li a").click(function(){
      $(this).css("border-bottom", "3px #000 solid");
    });
});

Napiszę to jako pomysł na mini algorytm:

1. Znajdź wszystkie obiekty z klasą "podkreslone"
2. Wyzeruj border
3. Ustaw border dla tego na nowo zaznaczonego/kliknietego.

Z glowy:

$('.podkreslone').css([wyzeruj]) (sprawdz ewentualnie czy nie trzeba bedzie uzyc tego .each())

Np tak

   $("ul li a").on('click', ()=> {
      let $this = $(this);
      $this.siblings('.underline').removeClass('underline');
      $this.addClass('underline');
    });

 .underline {
    border-bottom: 3px #000 solid;
}