Как убрать переменную из формы поиска если данные из input уже стерты

Выходит так,что после того, как стираю из поля input данные,то данные все конечные данные все еще остаются висеть пробовал решать проблему через условие если кол-во символов в input = 0, то запрос отправляется без символов,но похоже что-то делаю не так[![скрин приложен][1]][1]

HTML

<li class="header_link search">
                    <div class="search-content">
                        <input id="search" type="text" name="test" autocomplete="off" placeholder="FIND A MUSICIAN">
                        <div class="search-list"></div>
                    </div>
                    <div class="search-image">
                        <img class="img-header" src="../images/search.svg">
                    </div></li>

JS

<script>
$(document).ready(function() {
fetch_customer_data();
function fetch_customer_data(query = '')
{
    $.ajax({
    url:"{{route('search')}}",
    type:'get',
    dataType:'json',
    data:{query:query},
    success:function(data)
    {
    $('.search-list').html(data.name);
    }
});
}
    $(document).on('keyup','#search',function () {
        var query = $(this).val();
        fetch_customer_data(query);
    });



});
</script>

PHP(Laravel)

public function search(Request $request)
{
    if($request->ajax())
    {
        $query = $request->get('query');
        if($query != '')
        {
            $data = DB::table('artists')->where('artist','like','%'.$query.'%')->get();
        }

        $totalcount = $data->count();
        if($totalcount > 0) {
            foreach($data as $name)
            {
                $output = '<a class="search-item" href="/artist/'.$name->id.'">'.$name->artist.'</a>';

            }
        }
        else {
            $output = '<a class="search-item" href="/">No record</a>';
        }

        $data = array('name' => $output);
        echo json_encode($data);
    }
}

[![Скрин проблемы прикреплен][1]][1]


  [1]: https://i.stack.imgur.com/fWc8x.jpg