Автозаполнение Laravel JS

Я не могу понять, что здесь происходит. Я пытаюсь сделать довольно простой пост ajax для автозаполнения в laravel.

У меня есть поле ввода и место для результатов:

<div class = "form-group">
     <input type = "text" name = "tag_name" id = "tag_name" class = "form-control input-lg" placeholder = "Enter Country Name" />
     <div id = "tagList">
     </div>
</div>

и мой JS

$('#tag_name').keyup(function(){ 
            var query = $(this).val();
            if (query != '')
            {
             //var _token = $('input[name = "_token"]').val();
             $.ajax({
              url:"{{ route('campaigns.search') }}",
              method:"POST",
              data:{query:query, _token: '{{ csrf_token() }}'},
              success:function(data){
               $('#tagList').fadeIn();  
                        $('#tagList').html(data);
              }
             });
            }
        });

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

    });

Маршрут указывает на мою функцию контроллера:

 public function searchTags(Request $request)
{   

    if ($request->get('query'))
    {
        $query = "%" . $request->get('query') . "%";
        $data = CampaignTags::where('TAG_DATA', 'LIKE', $query)->get();

        $output = '<ul>';
        foreach ($data as $row) {
            $output .= '<li><a href = "#">' .$row->TAG_DATA. '</a></li>';
        }

    }

    return json_encode($data);
}

Когда я проверяю по мере ввода, я получаю 200 кодов при поиске, но я не получаю фактических результатов для отображения из базы данных, ответ кажется нулевым