if ($request->get('query')) {
    $query = $request->get('query');
    $data = DB::table('users')->where('first_name', 'LIKE', '%' . $query . '%')->get();
    $output = '<ul class="dropdown-menu" style="display:block; position:relative">';

    if (count($data) < 1) {
        $output .= "<li><a href=''>No information matches</a></li>";
    }

    foreach ($data as $row) {
        // $strippedCountryName = strtolower(trim(preg_replace('/s+/', '', $row->country_name)));
        $output .= "<li><a href='/member/$row->id'>" . $row->first_name . ' ' . $row->last_name . '</a></li>';
    }

    $output .= '</ul>';
    echo $output;
}

<!-- Right Side Of Navbar -->
    <ul class="navbar-nav ml-auto">
        <!-- Authentication Links -->
        @guest
            <li class="nav-item">
                <a class="nav-link" href="{{ route('login') }}">{{ __('Login') }}</a>
            </li>
            @if (Route::has('register'))
                <li class="nav-item">
                    <a class="nav-link" href="{{ route('register') }}">{{ __('Register') }}</a>
                </li>
            @endif
        @else
            <div class="form-group">
                <input type="text" name="search_name" id="search_name" class="form-control" placeholder="Find Brethren"/>
                <div id="personList"></div>
            </div>
            {{ csrf_field() }}
            <li class="nav-item dropdown">
                <a id="navbarDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" v-pre>
                    {{ Auth::user()->name }} <span class="caret"></span>
                </a>

                <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
                    <a class="dropdown-item" href="{{ route('logout') }}"
                        onclick="event.preventDefault();
                        document.getElementById('logout-form').submit();">
                        {{ __('Logout') }}
                    </a>

                    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </div>
            </li>
        @endguest
    </ul>

<script type="text/javascript">
    $(document).ready(function() {
        $('#search_name').keyup(function() {
            var query = $(this).val();
            if(query != '') {
                var _token = $('input[name="_token"]').val();
                $.ajax({
                    url: "{{ route('fetch') }}",
                    method: "POST",
                    data: {query: query, _token: _token},
                    success: function(data) {
                    $('#personList').fadeIn();
                        $('#personList').html(data);
                    }
                });
            } else {
                $('#personList').html('');
            }
        });

        $(document).on('click', 'li', function(){
            $('#search_name').val($(this).text());
            $('#personList').fadeOut();
        });

        $("#successMessage").delay(5000).slideUp(700);
    });