[jquery] parts of page loaded with ajax dont work with functions

Question

Hello,

I have a table like this

    <tr>
 <td>No.</td>
 <td>Username</td>
 <td>Password</td>
 <td>Usage Left</td>
 <td>%</td>
 <td>Valid Until</td>
 <td>Days Left</td>
 <td>Delete</td>
</tr><!-- This is table head and is contained in multiple rows -->

I add/delete users with jquery but when i add a user instead of reloading the page i just append the row of newly added user to the table, so this newly added row delete doesnt work, however i can delete records after reloading the whole page again.

I checked the class name of added rows and they are correct and i am using

     $('.deleteThis').bind('click', function() {
});

function to delete records.

Answer 1

sounds like you need to use live() instead of bind() to bind an event handler to the newly added row