twitter-bootstrap - ブートストラップタグ入力のソートの問題

Question

tagsinputにhttp://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/を使用しています。

並べ替えの方法が見つかりませんでした。

たとえば。Dを押すと、この結果が表示されます>

しかし、それはこのようにする必要があります >

提案されたリストを適切に並べ替えるにはどうすればよいですか?

コード (ブートストラップ タグ入力)

<input type="text" value="Amsterdam,Washington" data-role="tagsinput" />
<script>
var citynames = new Bloodhound({
  datumTokenizer: Bloodhound.tokenizers.obj.whitespace('name'),
  queryTokenizer: Bloodhound.tokenizers.whitespace,
  prefetch: {
    url: 'assets/citynames.json',
    filter: function(list) {
      return $.map(list, function(cityname) {
        return { name: cityname }; });
    }
  }
});
citynames.initialize();

$('input').tagsinput({
  typeaheadjs: {
    name: 'citynames',
    displayKey: 'name',
    valueKey: 'name',
    source: citynames.ttAdapter()
  }
});
</script>