Исправлена ​​проблема с неполным поиском в Jquery

Question

КОД JQUERY

        $('#search').keyup(function() {
              check_search();
            });
            $('#search').focusout(function() {
              check_search();
            });
            function check_search() {
              var search = document.getElementById('search').value;
              if (search.length > 0) {
                $('#search').removeClass('border-danger');
                var _token = document.getElementById('_token').value;
                $.ajax({
                  url:"{{ route('pro.claim.autocomplete') }}",
                  method:"POST",
                  data:{search:search, _token:_token},
                  dataType:"json",
                  success:function(result){
                    $('#suggest_name').html(result);
                    $('#suggest_name').fadeIn();
                  }
                });
              } else {
                $('#suggest_name').fadeOut();
                $('#suggest_name').html('');
                $('#search').addClass('border-danger');
                $('#search').focus();
              }
            }
            // GET VALUE
            $(document).on('click','#select_name',function () {
              document.getElementById('search').value = $(this).attr('value');
              $('#suggest_name').fadeOut();
            });

КОД HTML

        <div class="claim-searchbox">
                      <form id="search_business">
                        <div class="claim-searchInput">
                          <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
                          <input type="text" id="search" name="search" placeholder="Search business page">
                        </div>
                        <div class="suggest-name" id="suggest_name"></div>
                        <div class="claim-searchSubmit">
                          <input type="submit" value="Find Business">
                        </div>
                      </form>
                    </div>

КОД LARAVEL

     // AUTOCOMPLETE
        public function autocomplete(Request $request)
        {
            $search = $request->search;
            $names = ProListing::where('name','like','%'.$search.'%')->get();
            $result = '<ul>';
            if (count($names) > 0) {
                foreach ($names as $name) {
                    $result .= '<li id="select_name" value="'.$name->name.'">'.$name->name.'</li>';
                }
            } else {
                $result .= '<li class="no-result">No Business Page Available</li>';
            }
            $result .= '</ul>';
            return response()->json($result);
        }

Описание проблемы:

• Все отлично работает.исчезают как требования.Но когда я щелкаю, чтобы установить значение для поля поиска $('#suggest_name').fadeOut();, а не fadeOut, оно снова отображается, а после второго щелчка щелкает его fadeOut.Но я хочу исчезнуть div после первого клика.получите значение в окне поиска.

** Помогите мне решить эту проблему