JavaScript с использованием Bootstrap Typeahead в Laravel-5.1

Я пытаюсь сделать реализацию этого чистого проекта PHP (Переписать чистый PHP-код в формате Laravel-5.1) в версии Laravel-5.1, и я еще не понял, что нужно сделать правильно. Начальная загрузка Typeahead не осуществляется. Я был бы признателен за указание на то, что я должен делать правильно.

Это форма лезвия:

{!! Form::open(array('url' => 'created-products', 'method' => 'post'), array('id'=>'createproduct')) !!}
{!! Form::token() !!}

<link href="{!! asset('bootstrap/css/bootstrap.css') !!}" media="all" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="style.css">
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

<p>{!! Form::select('countries', array('-1' => 'Select a Country') + $listedCountries) !!} </p>
<p>{!! Form::text('typeahead', null, array('class'=>'well', 'placeholder'=>'enter your state'), array('id'=>'selectedCompanyHiddenId', 'data-provider'=>'typeahead')) !!}</p>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="{!! asset('bootstrap/js/bootstrap.js') !!}" media="all" rel="stylesheet" />

<script>
$(function(){
$('#typeahead').typeahead({
source: function(query, process){
$.ajax({
url: 'UserAddressController.php?SelectLocationPlaces',
type: 'POST',
data: 'query=' +query,
dataType: 'JSON',
async: true,
success: function(data){
process(data);
}
});
}
});
});
</script>

{!! Form::close() !!}

Это контроллер:

public function create()
{
$listedCountries = $this->showListedCountries();
return view('useraddress.create')
->with('listedCountries', $listedCountries)
->with('returnedLocationPlaces', $this->SelectLocationPlaces());
}

Метод, возвращающий записи:

public function SelectLocationPlaces()
{
if(isset($_POST['query']))
{
$query = $_POST['query'];
$locationPlaces = LocationPlaces::where('name', 'like', "%{$query}%")->toArray();
return json_encode($locationPlaces);
}
}