Alert after checked input checkbox
<p>I want after click on link <code>append</code> html input checkbox in a class, after it when clicked on input checkbox getting alert <code>is checked</code>.</p>

<p>I tried as following code but dont work for me:</p>

<p><strong>DEMO:</strong> <a href="http://jsfiddle.net/HsveE/" rel="nofollow">http://jsfiddle.net/HsveE/</a></p>

<h1>HTML</h1>

<pre><code>&lt;a href="#" id="ho"&gt;Click Me&lt;/a&gt;
&lt;div class="hi"&gt;&lt;/div&gt;
</code></pre>

<h1>jQuery</h1>

<pre><code>$('#ho').on('click', function(e){
    e.preventDefault();
    $('.hi').append('&lt;input type="checkbox" id="isAgeSelected"/&gt;');
})
$(".hi input[type=checkbox]").on('click',function () {
    alert('is checked')
})
</code></pre>

<p>How can fix it?</p>
