title: Remove parent div by class name - jquery
body: <p>I have a remove link that will remove the current comment on my page. It uses ajax to change the database and upon success, I want to remove the div the comment resides in. Each comment on the page looks like this:</p>
  
  <pre><code>&lt;div class="aComment"&gt;
      &lt;span class="commentTitle"&gt;Posted by xxx at xxx - &lt;a href="javascript:void(0)" class="deleteComment" data-commentid="anID"&gt;&lt;img src="resources/images/delete_comment.png" title="Remove this comment" /&gt;&lt;/a&gt;&lt;/span&gt;
      &lt;span class="commentText"&gt;comment text here&lt;/span&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>I can't figure out how to remove the div once it has returned success. I've tried</p>
  
  <pre><code>$(this).parent().remove();
  </code></pre>
  
  <p>and no luck. <code>$(this)</code> refers to the anchor tag so <code>parent()</code> of the anchor should be the <code>&lt;div class="aComment"&gt;</code> right?</p>