[JavaScript]Proponowane tagi z json Opcje

[Johnas]

Witam, mam taki kod:

[JAVASCRIPT] pobierz, plaintext 
var citynames = new Bloodhound({
        datumTokenizer: Bloodhound.tokenizers.obj.whitespace('label'),
        queryTokenizer: Bloodhound.tokenizers.whitespace,
        prefetch: {
            url: 'http://4um.pl/admin/templates/default/assets/modules/bootstrap-tagsinput/examples/assets/citynames.json',
            filter: function (list) {
                return $.map(list, function (cityname) {
                    return { name: cityname };
                });
            }
        }
    });
 
    citynames.initialize();
 
 
    $('#tag').tagsinput({
        typeaheadjs: ({
            hint: true,
            highlight: true,
            minLength: 1
        }, {
            name: 'citynames',
            displayKey: 'label',
            source: citynames.ttAdapter()
        })
    });
[JAVASCRIPT] pobierz, plaintext 

i owszem, działa jako input z tagami, ale nie wyskakują mi proponowane tagi... W momencie kiedy zmienię $('#tag').tagsinput({ na $('input').tagsinput({ to wyskakują mi tagi, pomimo że w html mam tak:

[HTML] pobierz, plaintext 
<div class="form-group row mb-4">
                      <label class="col-form-label text-md-right col-12 col-md-3 col-lg-3">Tagi</label>
                      <div class="col-sm-12 col-md-7">
                        <input type="text" class="form-control-lg form-control" style="width:100%" id="tag" data-role="tagsinput">
                      </div>
                    </div>
[HTML] pobierz, plaintext