Bootstrap 3 машинописный не появляется

Question

Здравствуйте, я пытаюсь интегрировать Bootstrap-3-машинописный в моем проекте, это мой код:

... 
          {!! Form::text('brands', null ,array('id'=>'brands', 'data-provide' =>'typeahead', 'class'=>'typeahead form-control')) !!} 

... 
    <script type="text/javascript"> 
     //var tags = []; 
     var brandsNames = []; 
     var brandsIds = []; 
     @foreach($brands as $brand) 
     brandsNames[brandsNames.length] = "{{ $brand->get('name') }}"; 
     brandsIds["{{$brand->get('name')}}"] = "{{ $brand->getObjectID() }}"; 
     @endforeach; 


     console.log(brandsNames); 
     console.log(brandsIds); 

     $("#name").typeahead({ source:brandsNames }); 

    </script> 

И это мой HTML тег после компиляции файла PHP:

<input type="text" name="brands" class="typeahead form-control" data-provide="typeahead" id="brands"> 

содержание BrandsName:

["Samsung", "Sony", "Appel", "LG", "Asus", "Nokia", "HTC", "BlackBerry"] 

Также я попытался использовать версию STANDAR из машинописный:

<script src="http://twitter.github.io/typeahead.js/releases/latest/typeahead.bundle.js"></script> 

Но всегда я получаю тот же вопрос в список предложений dosn't появляются

Answer 1

$("#name").typeahead({ source:brandsNames });

изменить свой селектор $("#name") будет $("#brands").