title: How to have unique name for dynamic elements via handlebars?
body: <p>I want to have an unique name for input field every time that script is called and the name should not be similar. How can one achieve this ?</p>
  
  <pre><code>&lt;button&gt;Add new field&lt;/button&gt;
  &lt;script type="text/x-handlebars-template" id="file_name"&gt;
    &lt;input type="file" &gt;
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      $('button').on('click',function(){
          var template = $('#file-name').html();
          var source = Handlebars.compile(template);
          $('body').append(source());             
      }); 
  &lt;/script&gt;
  </code></pre>