Can't listen my new button with javascript : <p>I'm load a button from script template:</p>

<pre><code>&lt;script type="text/html" id="addButton"&gt;
    &lt;button class="btn btn-default" id="element-empty"&gt;
         ELEMENT
    &lt;/button&gt;
&lt;/script&gt;
</code></pre>

<p>this button already loaded to the page by "load" button. now i want to listener this button ("element-empty") from javascript and use jquery</p>

<pre><code>$( '#element-empty' ).click(function() {
   $(this).attr('class','myClass');
});
</code></pre>

<p>the problem, button "element-empty" can't detect from javascript. anyone know the solution???</p>
