JQUERY: Dynamic AJAX and html element removal
<p>Consider this code:</p>

<pre><code>&lt;tr&gt;
&lt;td&gt;
&lt;input type="checkbox" name="20081846" value="20081846" class="chk-input"&gt;
&lt;/td&gt;
&lt;td&gt;20081846&lt;/td&gt;
&lt;td&gt;AGONOY, JAY TAN&lt;/td&gt;
&lt;/tr&gt;
</code></pre>

<p>Let's say I have N of these in a table (with different sets of data). What I am planning is, if the user checks the input box, it will delete the users are checked. I got it using this JQUERY </p>

<pre><code>var del_users = function(btn,chk,url) {
$(btn).click(function(){
    $(chk).each(function(){
        if($(this).attr('checked') == 'checked') {
            //pass code data
        }
    });
});
}
</code></pre>

<p>Which works, I just have to do the function that deletes the data. </p>

<p>My next problem is, once the data is deleted, I want the row displayed in the table to be removed in the display. Other than refreshing the entire entries, is there a way to selectively remove the checked "tr" elements?</p>
