title: Bootstrap tags input not working with jquery
body: <p>I am using <a href="http://timschlechter.github.io/bootstrap-tagsinput/examples/">Bootstrap tags input</a> to make tags inside text input,in the documentation:</p>
  
  <blockquote>
    <p>Just add data-role="tagsinput" to your input field to automatically
    change it to a tags input field.</p>
  </blockquote>
  
  <p>But when using <strong>jquery before function</strong>:</p>
  
  <pre><code>$('#addrun').click(function () {
              $('#addrun').before('&lt;input type="text" value="Amsterdam,Washington,Sydney,Beijing" data-role="tagsinput" /&gt;');    
          });
  </code></pre>
  
  <p>it is displayed like any text input with text inside and no tags.</p>
  
  <p>any help ??</p>