How do I use data passed back in the response from ajax jQuery?
===

I am trying to use the response from a jQuery ajax request to set the innerHTML of a div with a certain id. This is the code I am using:
    
    $(".show_comments").click(function(){
	
	
	var articleName = $(this).closest("article").find(".articlename").attr('id')
	
	$.ajax({
    url: "commentView.php",
	data: { 'articleName': articleName },
	cache: false,
  	dataType: "html", // so that it will auto parse it as html
  	success: function(response){
    $(this).closest("article").find(".comments").html(response);
    }
    }); 

however it doesn't seem to be doing anything at all, I've tried googling around, but everything I can find says to do it the way I am doing it... I have tested in Firebug and the ajax request is giving me the exact response I want it too... But I just cant access this to set the innerHTML of the div to the response!