ссылка href не работает со ссылками, возвращенными с использованием ajax

Question

У меня есть окно с предложением поиска в реальном времени. мои данные с hrefs ссылки успешно возвращаются с помощью вызова ajax, но когда я нажимаю на ссылки, я не перехожу на связанный URL. Но если я щелкну правой кнопкой мыши и открою ссылку в новой вкладке, она будет работать отлично. Все работает нормально, кроме ссылки.

HTML -

<div class="dropdown">
                    <div class="input-group" >
                        <input type="text" class="form-control" name="employee_search" id="employee_search" placeholder="Employee name">
                        <div class="input-group-append">
                            <button type="button" class="btn btn-danger"><i class="fas fa-search"></i> Search</button>
                        </div>
                    </div>
                    <div class="dropdown-menu dropdown-menu-lg" id="search_result" style="width:100%!important;"></div>
                </div>

PHP Ajax -

public function ajax_employee_search(Request $request){
        $search_value = request('search_value');
        if(strlen($search_value) > 1){
            $users = User::where('name','LIKE','%'.$search_value.'%')->where('is_active', '!=', 2)->take(5)->get();
            foreach($users as $user){
                $employee_name = $user->name;
                echo '<a href="'.url('employees/profile', $user->id).'" class="dropdown-item search-result-item">'.$employee_name.'</a>';              
            }
        }
    }

Javascript -

 $('#employee_search').on('keyup',function(){
                $('#search_result').dropdown('hide');           
                $('#search_result').html('');
                var search_value = $(this).val();
                $.ajaxSetup({
                    headers: {
                        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    }
                });

                 $.ajax({
                    type:'POST',
                    url:'/ajax-employee-search',
                    data:{ search_value: search_value },
                    success:function(result){
                        if(result.length > 0){      
                            $('#search_result').dropdown('show');            
                            $('#search_result').html(result);            
                        } else{
                            $('#search_result').dropdown('hide');                   
                        }
                    }
                });
            });