Refre sh div без обновления страницы в laravel

Question

Я получаю информацию о клиенте, используя ajax. Это работает, но когда я получаю пустое значение из текстового поля, customer_details будет перезагружено без загрузки всей страницы, только div будет refre sh. Проверьте javascript

Если запрос не равен нулю, будет получен результат, иначе я хочу обновить sh div. Сведения о клиенте будут загружены, но когда я укажу значение текстового поля, извлеченное содержимое останется без изменений. Это не понятно. для этой цели я хочу обновить sh div после очистки текстового поля имени, так что нам нужна помощь для обновления sh div без обновления всей страницы.

       <div id="customer_details">
<div class="row">
<div class="col-sm-4">
<p class="c-black f-500">Customer Name</p>
<div class="form-group">
<div class="fg-line">
<input type="text" class="form-control" name="name" id="name" placeholder="Enter Customer Name or Mobile Number" autocomplete="off">
<div id="nameList">
</div>
</div>
</div>
</div>
 <div class="col-sm-4">
<p class="c-black f-500">Customer Mobile Number</p>
<div class="form-group">
<div class="fg-line">
<input type="text" class="form-control" name="customer_mobile" id="customer_mobile" value="">
</div>
</div>
</div>
<div class="col-sm-4">
<p class="c-black f-500">Customer Email</p>
 <div class="form-group">
   <div class="fg-line">
<input type="text" class="form-control" name="customer_email" id="customer_email" value="">
</div>
</div>
</div>
 </div>
<div class="row">
<div class="col-sm-4">
<p class="c-black f-500">Customer Pincode</p>
<div class="form-group">
<div class="fg-line">
<input type="text" class="form-control" name="customer_pincode" id="customer_pincode" value="">
</div>
</div>
</div>
<div class="col-sm-4">
<p class="c-black f-500">Adhar Number</p>
<div class="form-group">
<div class="fg-line">
<input type="text" class="form-control" name="adhar_number" id="adhar_number" value="">
</div>
</div>
</div>
<div class="col-sm-4">
<p class="c-black f-500">GST Number</p>
<div class="form-group">
<div class="fg-line">
<input type="text" class="form-control" name="gst_number" id="gst_number" value="">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<p class="c-black f-500">State</p>
<div class="form-group">
<div class="fg-line">
<!-- <input type="text" class="form-control" name="state" id="state" value="">
 -->
<select class="form-control" name="state" id="state">
<option readonly>Select State</option>
@foreach($states as $key => $state)
     <option value="{{$key}}"> {{$state}}</option>
@endforeach
 </select>
</div>
</div>
</div>
<div class="col-sm-4">
 <p class="c-black f-500">District</p>
<div class="form-group">
<div class="fg-line">
<select name="district" class="form-control" id="district">
 </select>
</div>
 </div>
</div>
</div>

JavaScript :

    $(document).ready(function(){

     $('#name').keyup(function(){ 

            var query = $(this).val();

            if(query != '')
            {
             var _token = $('input[name="_token"]').val();
             $.ajax({
              url:"{{ url('/autocomplete') }}",
              method:"get",
              data:{query:query, _token:_token},
              success:function(data){
               $('#nameList').fadeIn();  
                        $('#nameList').html(data);
              }
             });
            }
            else
            {
            //              jQuery('#customer_mobile').val('');
            //              jQuery('#customer_email').val('');
            //              jQuery('#customer_pincode').val('');
            //              jQuery('#adhar_number').val('');
            //              jQuery('#gst_number').val('');
                         // window.location.href="/billing";    
            }
        });

</div>