title: handlebars button id to ajax
body: <p>Imagine I have a handlebar template like this:</p>
  
  <pre><code>       {{#each this}}
             {{username}}
             &lt;form method="post" id="form-id-{{tirID}}"&gt;
                &lt;input type="button" id="btn-id-{{tirID}}"&gt;
             &lt;/form&gt;
         {{/each}}
  </code></pre>
  
  <p>This one loops through data and works great with AJAX get method. However I would like to also use the button inside this template. I can give it a ID like I do above in the template. But how can I target the specific button to activate a AJAX post method ? The following wont work because I am not operating in the template anymore so {{ x }} can not be found:</p>
  
  <pre><code>       $('#btn-id-{{tirID}}').on('click', '.mydiv', function(event) {
  
             $.ajax({
                   type:'POST',
                   url: 'and so on....
  
         } 
  </code></pre>
  
  <p>Hope someone have a suggestion!</p>