title: Bootstrap 4 Typeahead
body: <p>I'm using <a href="https://www.jqueryscript.net/form/jQuery-Bootstrap-4-Typeahead-Plugin.html" rel="noreferrer">jQuery Bootstrap Typeahead</a>. I get data from my file but typeahead dropdown is not populate/shown.</p>
  
  <p>Here is my JS:</p>
  
  <pre><code>(function() {
      "use strict";
  
      var $input = $('.typeahead');
  
      $('.typeahead').typeahead({
          source: function (query, process) {
              return $.getJSON(
                  'url-to-file.php',
                  { query: query },
                  function (data) {
                      console.log(data)
                      return process(data);
                  })
          }
      });
  
  })();
  </code></pre>
  
  <p><code>console.log()</code> returns a (correct) JSON array:</p>
  
  <pre><code>[ "item1", "item2", ... ]
  </code></pre>
  
  <p>But I don't know what to do after. Thanks for helping</p>