Generating tags programmatically with Bootstrap Tags Input
<p>I'm trying to use <a href="http://formvalidation.io/examples/bootstrap-tagsinput/" rel="nofollow">tags input (from here)</a>:</p>

<pre><code>&lt;link rel="stylesheet" href="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.css" /&gt;
&lt;script src="//cdn.jsdelivr.net/bootstrap.tagsinput/0.4.2/bootstrap-tagsinput.min.js"&gt;&lt;/script&gt;

&lt;input type="text" name="modalites" class="form-control"
           value="" data-role="tagsinput" /&gt;
</code></pre>

<p>I work well. When I press enter (after typing), the tag appears. Now I'm trying to generate (in Javascript) those kind of input:</p>

<pre><code>var cellModalite = row.insertCell(3);
cellModalite.innerHTML = "&lt;input class='form-control' type='text' name='modalites[]' value='' data-role='tagsinput'&gt;";
</code></pre>

<p>The field is created, but doesn't work properly: when I hit enter, the tag is not added (interpretted as form validation attempt). I don't know why it works perfectly when added manually, but does not work when generated.</p>

<p>Thanks for your help!</p>