title: Cloned element on click not working Javascript
body: <p>I have some javascript that successfully clones a template and appends the resulting html to a div. However when I try to reference an element of the clone it is not accessible, even though if I place the exact same element with the exact same ID (confirmed with Firebug) outside the template (and the cloning system) it is accessible. I believe I need to do an update of some kind after cloning but I am not sure. The code I am trying to use to access the (cloned) element (does not log anything to console and is not working) is:</p>
  
  <pre><code>$("#depminusbutton0").on("click", function () {
      console.log('I triggered minus 0');
  });
  </code></pre>
  
  <p>And depminusbutton0 shows up like this in firebug inspect element once cloned (doesn't exist prior to cloning, as ID 0 is inserted dynamically:</p>
  
  <pre><code>&lt;a id="depminusbutton0"&gt;
  </code></pre>
  
  <p>Any ideas how I can make this element accessible?</p>