parts of page loaded with ajax dont work with functions
<p>I have a table like this</p>

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

<p>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.</p>

<p>I checked the class name of added rows and they are correct and i am using</p>

<pre><code>     $('.deleteThis').bind('click', function() {
});
</code></pre>

<p>function to delete records.</p>
