<!-- required css & js -->
<link href="/assets/plugins/jquery-typeahead/dist/jquery.typeahead.min.css" rel="stylesheet">
<script src="/assets/plugins/jquery-typeahead/dist/jquery.typeahead.min.js"></script>

<!-- html -->
<input type="text" value="" placeholder="Type 'af'" class="form-control" id="typeahead">

<!-- script -->
<script>
  $.typeahead({
    input: '#typeahead',
      order: "desc",
        source: {
          data: [
            "Afghanistan", "Albania",
              ...
            ]
        }
  });
</script>