title: Click event not working inside handlebar template
body: <p>My Template is like this</p>
  
  <pre><code>{{#users}}
   &lt;div id="userRoleInfo"&gt;
          &lt;input type="hidden" id="userId" value="{{id}}" /&gt;
          &lt;div class="label"&gt;
              &lt;label&gt;User permission&lt;/label&gt;
          &lt;/div&gt;
  
       &lt;div class="user-item-right"&gt;
  // I want to capture click event of this anchor tag
              &lt;a href="#" class="updown-arrow" onClick="callUserDetail()" data-control="userBtn"&gt;&lt;i class="icon-arrow-big"&gt;&lt;/i&gt;&lt;/a&gt;
            &lt;/div&gt;    
  
          {{#checkUser ../user.roleId roleId ../roles}}
              &lt;div &gt;Administrator&lt;/div&gt;
          {{else}} 
              &lt;select id="selRoleId" data-custom="true"&gt;                                                   
                      &lt;option value="0" &gt;Assign Role&lt;/option&gt;
  
                  {{#each roles}}
                      &lt;option value="{{roleId}}"&gt;{{name}}&lt;/option&gt;
                  {{/each}}
  
              &lt;/select&gt; 
          {{/checkUser}}
  
     &lt;/div&gt;
  
   {{/users}} 
  </code></pre>
  
  <p>This whole template is appended inside </p>
  
  <pre><code> &lt;div id="usersMgmtDiv" class="user-mngt-wrapper clearFix"&gt;
   &lt;/div&gt;
  </code></pre>
  
  <p>I want to display user info when I click on anchor tag inside </p>
  
  <pre><code>  &lt;div class="user-item-right"&gt; 
  </code></pre>
  
  <p>function I have written for click event is like this </p>
  
  <pre><code>   japp.users.bindEdit = function () {
  
   if (jQuery('[data-control=userBtn]').size() === 0) {
      return;
   }
  
  var self = japp;
  
  jQuery('[data-control=userBtn]').each(function() {
      jQuery(this).live('click', function (e) {
          e.preventDefault();
          e.stopPropagation();
          if(jQuery(this).is('.active')){
              self.users.hideUserBox(jQuery(this));
          } else {
              self.users.showUserBox(jQuery(this));
          }
      });
  });
  </code></pre>
  
  <p>but its not going inside this function</p>
  
  <p><strong>Update</strong></p>
  
  <p>I tried to call using javascript method like </p>
  
  <pre><code>  function callUserDetail(){
  japp.users.bindEdit();
  }
  </code></pre>
  
  <p>But it takes 2 clicks to work this</p>
  
  <p>Is this should work or is there other way to do this. Please let me know if more information is needed</p>