Как добавить тег <li>вверху внутри <ul>с помощью jquery в laravel?

Question

Я разрабатываю раскрывающийся список уведомлений для моего сайта. для этого я пытаюсь добавить тег <li> в верхней части раскрывающегося списка. но в настоящее время он добавляется внизу <ul>.

Я пытался добавить новый тег ul, но я думаю, что это не очень хорошая практика.

html

<ul class="dropdown notifications no-hover closed notilist">
 @foreach(Auth::user()->notifications->take(4) as $notification)
    @if(!empty($notification['data']['sender_name']))
<li class='dropdown-item'><b>{{$notification['data']['sender_name']}}</b> Bid on your Auction <b>{{$notification['data']['product_title']}}</b> of <b>{{$notification['data']['bid']}}$</b>
</li>
   @endif
  @endforeach
</ul>

jquery

Echo.private('App.User.'+userId)
 .notification((notification) => {
$('.notilist').append("<li class='dropdown-item'><b> "+notification.sender_name+"</b> Bid on your Auction  <b>"+notification.product_title+"</b>  of <b>"+notification.bid+"</b>$</li>")

 });

Я хочу добавить этот новый тег <li> вверху.