title: Bootstrap Tags Input events not firing when used with element created via AJAX call
body: <p>I've got a page with a form, which is created via an AJAX call, and which contains a <a href="https://bootstrap-tagsinput.github.io/bootstrap-tagsinput/examples/" rel="nofollow">Bootstrap Tags Input element</a>. The following code, which attempts to take advantage of standard Tags Input events, has no effect:</p>
  
  <p><strong>Javascript:</strong></p>
  
  <pre><code>&lt;script&gt;
      $(document).on('itemAdded itemRemoved', '.bootstrap-tagsinput input',  function(e) {
          alert('triggered');
          // call some function
      });
  
      // after the form is generated via the AJAX call, the tags input is 'refreshed'
      ...
         $('.input_tags').tagsinput('refresh');
      ...
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML</strong> (this is the standard HTML that's generated when the Tags Input plugin is applied; 'tag...' elements are added/remove in correspondence to the user adding/removing tags from the input field):</p>
  
  <pre><code>&lt;div class="bootstrap-tagsinput"&gt;
     &lt;span class="tag label label-info"&gt;
     ...
     &lt;span class="tag label label-info"&gt;
     &lt;input type="text" size="4"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any ideas as to what could be going wrong here, and how to fix it?</p>