Bootstrap-3-Typeahead does not list options

Question

am using Bootstrap-3-Typeahead plugin that should work simply.

My server-side method is right, bringing the selection options but not a list. From what I read in git, it doesn’t even need extra css, but it doesn’t list.

Follows my code:

$("#pesquisa").typeahead({
                source: function (query) {
                    return $.get("/Estabelecimento/GetDados", { q: query });
                },
                minLength: 3
            });
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <div class="input-group">
                <input type="text" id="pesquisa" name="pesquisa"  class="form-control typeahead" autocomplete="off" placeholder="Pesquisar" />
                <div class="input-group-btn"><button class="btn btn-primary">Pesquisar</button></div>

            </div>
        </div>
    </div>
</div>

Follow image of the return of my call:

Answer 1

I think you’re not properly initializing the data.

 $.get("Estabelecimento/GetDados", function(data) {
      console.log(data);
      $("#pesquisa").typeahead({   
        source: data,
        minLength: 3
      });
    }, 'json');