bootstrap-tags-input

Edit: Added working JSFiddle I'm using Twitter Bootstrap TagsInput with Bootstrap Typeahead. My source is a json file, but that is irrelevant, and I've checked with a static source. The typeahead and tagsinput are working, however when I press enter, tab, or click on a tag, it creates a duplicate complete. That extre 'default' happens whenever I press enter, or complete the typeahead. If I break the typeahead by separating with comma, or taking focus away from the window, it does not occur. Here is the input: <input id="itemCategory" type="text" autocomplete="off" class="tagsInput form-control

I am trying to use Bootstrap Tags Input plugin without Typeahead. I have included following files: <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"> <link href="../../tagsinput/css/bootstrap-tagsinput.css" rel="stylesheet" type="text/css"> <script src="../../tagsinput/js/bootstrap-tagsinput.min.js"></script> The script is as below: <script> $('#tagPlaces').tagsinput({ allowDuplicates: true }); </script> Part of JSP form where using the plugin: <div class="form-group"> <label for="tagPlaces" class="col-sm-2 control-label">Tag Places</label> <div class="col-sm

I am using Bootstrap Tags Input I am trying to add tags dynamically. $('.div-tag').tagsinput('add', 'vino'); The above code works fine, but when I try the following code: $('.div-tag').tagsinput('add', { id: 1, text: 'some tag' }); I get the error: Uncaught Can't add objects when itemValue option is not set Please help me to add tag with id and value. initialize tags input like $('.div-tag').tagsinput({ allowDuplicates: false, itemValue: 'id', // this will be used to set id of tag itemText: 'label' // this will be used to set text of tag }); To add dynamic tag $('.div-tag').tagsinput('add', {