title: Bootstrap-tagsinput: Can't add objects when itemValue option is not set
body: <p>This question was asked so many times, but none of answers helps me.</p>
  
  <p>In short: I have input with some tags. In some cases I need add dynamically a new one. I do it with inbuilt function:</p>
  
  <pre><code>$('#msg-receiver').tagsinput('add', { 'id': 1, 'text': 'Ddddd' });
  </code></pre>
  
  <p>It's not working and I still get exception: <code>Can't add objects when itemValue option is not set</code>. After a really deep digging in google I found these solutions:</p>
  
  <ul>
  <li>remove <code>data-role="tagsinput"</code> (done, didn't help me)</li>
  <li>add <code>itemValue</code> and <code>itemText</code> fields to object inserting to <code>$(elem).tagsinput()</code> function (done, didn't help me)</li>
  <li>update to newset version (done, didn't help me)</li>
  </ul>
  
  <p>I've prepared some live playground on <a href="https://jsfiddle.net/shsnowvk/1/" rel="nofollow noreferrer">fiddle</a>. </p>
  
  <p>Does anyone know what else can I do for enable <em>dynamically added item</em> feature?</p>
  
  <p>PS. Exception appears in console when you click on button. </p>