Semantic UI - search autocomplete with dynamics input
<p>Having some problems with Semantic UI autocomplete.</p>

<p>I have an input with the <strong>SEMANTIC UI</strong> <strong>search autocomplete</strong> that works great but when im trying to use the same script with dynamic inputs the autocomplete is not working at all.</p>

<p><strong>HTML</strong> </p>

<pre><code> &lt;div class="ui search" id="tag"&gt;
      &lt;div class="ui icon input"&gt;
         &lt;input style="width:400px;" class="prompt" type="text"  name="tag[]"&gt;
           &lt;i class="search icon"&gt;&lt;/i&gt;
      &lt;/div&gt;
      &lt;div class="results"&gt;&lt;/div&gt;
 &lt;/div&gt; 
 &lt;button type="button" id="create-tags" class="ui primary tiny button"&gt;Add Tag&lt;/button&gt;
 &lt;div id="dynamic"&gt;&lt;/div&gt;
</code></pre>

<p><strong>SEMANTIC SEARCH SCRIPT</strong></p>

<pre><code>$(document).ready(function () {
    $('#tag').search({
        apiSettings: {
            url: '/autocomplete/{query}',
            onResponse: function(results) {
                var response = {
                    results : []
                };
                $.each(results, function(index, item) {
                    response.results.push({
                        title       : item.name,
                        description : item.description
                        //url       : item.html_url
                    });
                });
                return response;
            },
        },
          minCharacters : 3,
    });
});
</code></pre>

<p><strong>DYNAMIC INPUTS</strong> </p>

<pre><code>$(document).ready(function(){

   $("#create-tags").click(function(e){
     $("#dynamic").append('&lt;div class="ui search" id="tag"&gt;&lt;div class="ui icon input"&gt;&lt;input style="width:400px;" class="prompt" type="text"  name="tag[]" placeholder="Busqueda autocompletado para personajes"&gt;&lt;/div&gt;&lt;div class="results"&gt;&lt;/div&gt;&lt;/div&gt;');
   });
});
</code></pre>