Bootstrap input tags do not work using ready-made document

Question

I have this function for boot input tags :

$(document).ready(function () {
    $('input').tagsinput({
        typeahead: {
            source: function (query) {
                return $.getJSON('citynames.json');
            }
        }
    })
});

But this plugin is not wrok. I think this plugin has a conflict with jQuery (document).ready. how can i fix this?

JSFIDDLE (for a better understanding of the code)

Answer 1

try it

$(document).ready(function () {
    $('input').tagsinput({
        typeahead: {
            source: function (query, process) {
                process($.getJSON('citynames.json'));
            }
        }
    })
});