jQuery.on function not working
<p>I'm using jQuery 1.9.1 and I need to perform an action to a td which is dynamically added. I tried to use jQyuery.on function but my code is not being called. Help please! Here's my code</p>

<p><strong>HTML</strong></p>

<pre><code>&lt;div&gt;First Name:
    &lt;input type="text" name="txtFName" id="txtFName" /&gt;
    &lt;br/&gt;Last Name:
    &lt;input type="text" name="txtLName" id="txtLName" /&gt;
    &lt;br/&gt;
    &lt;input type="button" value="Add User" id="btnAdd" /&gt;
&lt;/div&gt;
&lt;br/&gt;
&lt;div&gt;Users
    &lt;table id="tblusers"&gt;
        &lt;thead&gt;
            &lt;tr&gt;
                &lt;th&gt;First Name&lt;/th&gt;
                &lt;th&gt;Last Name&lt;/th&gt;
                &lt;th&gt;&lt;/th&gt;
            &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody id="tbUsers"&gt;&lt;/tbody&gt;
    &lt;/table&gt;
    &lt;br/&gt;
    &lt;input type="button" value="Save Users" /&gt;
&lt;/div&gt;
</code></pre>

<p><strong>Javascript</strong></p>

<pre><code>$(document).ready(function () {
    $('#btnAdd').click(function () {
        var content = "";
        var fName = $('#txtFName').val();
        var lName = $('#txtLName').val(); ;
        content = "&lt;tr&gt;&lt;td&gt;" + fName + "&lt;/td&gt;&lt;td&gt;" + lName + "&lt;/td&gt;&lt;td class=\"clremove\"&gt;Delete&lt;/td&gt;&lt;/tr&gt;";
        $('#tbUsers').append(content);
    });

    $('.clremove').on('click', function () {
        $('#tbUsers tr').remove($(this).closest('tr'));
    });
});
</code></pre>

<p>Here's my <a href="http://jsfiddle.net/jobzky/txKEs/" rel="nofollow">Fiddler</a></p>
