jQuery - Problem loading new image src
<p>** EDIT **</p>

<p>Image showing what I needed done. When an admin clicks on an unapproved (x) comment it automatically approves it and the image is changed to a check mark and vice versa.</p>

<p><img src="http://i.stack.imgur.com/WIao1.jpg" alt="enter image description here"></p>

<p>I am using the following jQuery code, but I am having problems loading new image src on click.</p>

<pre><code>&lt;script&gt;
$(document).ready(function(){   
$(".disapproveComment").click(function() {
    var ID = $(this).children("p").text();
    $.ajax({        
        type: "POST",
        url: "/comments/disapproveComment/"+ID,
        async:false,
        success: function(msg){
            //Using $(this).(".disapprove")... does not work
            $(".disapprove").attr("src","/img/icons/approve.png");
        }
    });
});
});
&lt;/script&gt;
</code></pre>

<p>this is my view file</p>

<pre><code>&lt;?php
    if($comment['Comment']['approved'] == 1){
        echo '&lt;div class="disapproveComment"&gt;&lt;p style="display:none"&gt;';
        echo $comment['Comment']['id'];
        echo '&lt;/p&gt;&lt;img class="disapprove" src="/img/icons/approve.png" border="0"&gt;';
        echo '&lt;/div&gt;';
    }else{
        echo '&lt;div class="approveComment"&gt;&lt;p class="idAnchor" style="display:none"&gt;';           
        echo $comment['Comment']['id'];
        echo '&lt;/p&gt;&lt;img class="approve" src="/img/icons/disapprove.png"&gt;';
        echo '&lt;/div&gt;';
    }       
?&gt;
&lt;/td&gt;
</code></pre>

<p>If I say <code>$(this).(".disapprove").attr...</code> Nothing is updated. If I leave as is in the code, all element with images in with that class names gets updated. Your help is appreciated...</p>
