jQuery Doesn't Work as Expected, Why?
<p>I have a page of user comments.</p>

<pre><code>$(p).click(function(){

    $(this).hide(200);
});
</code></pre>

<p>When user clicks on some comment this one usually disappears. Ok it works perfectly.</p>

<p>But when user does the same with server response, this does not work anymore</p>

<p>Server response is a bunch of next comments found in table (i.e custom AJAX paginator)</p>

<p>Server response looks like this:</p>

<pre><code>&lt;p id="next-id1"&gt;bla bla bla 1&lt;/p&gt;
&lt;p id="next-id2"&gt;bla bla bla 2&lt;/p&gt;
</code></pre>

<p>Then this response inserts content after particular div which contains first comments in mysql table </p>

<p>like this:</p>

<pre><code>$("#snow-next-btn").click(function(){

$.post('/paginator.php', {}, function(response){

    $("#comment-div").after(response);

});

});
</code></pre>

<p>Ok it works perfectly as I said. BUT this method:</p>

<pre><code>$(p).click(function){
    $(this).hide(200);
}
</code></pre>

<p>does not work with server response anymore (but it still works with contents that has been printed by php on page load).</p>

<p>Where is the problem?</p>
