Why does jQuery not register my <a> click?
<p>In the example below</p>

<pre><code>&lt;html&gt;
&lt;head&gt;
    &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;a href="#"&gt;test&lt;/a&gt;
&lt;button id="btn-add"&gt;Add&lt;/button&gt;
&lt;div id="placeholder"&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
    $(document).ready(function () {

        $('a').on('click', function () {
            alert('clicked');
        });

        $("#btn-add").on("click", function () {
            $('#placeholder').prepend('&lt;a href=\'#\'&gt;blah2&lt;/a&gt;');
        });
    });
&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>If you click on 'Add' then 'blah2' nothing happens even though I am trying to alert on any anchor click.  As a check if you click on 'test'you get the popup</p>
