Select div for removal not working
<p>I have a div that i would like to remove via jquery, but it's not working.</p>

<p>JQUERY:</p>

<pre><code>$("#answerCommentContainer").on("click", ".editComment", function(e){
    //other things
    removecomment = $(this).siblings('.singleComment'); //.singleComment is what should be removed
    removecomment.remove();
});
</code></pre>

<p>I chose <code>siblings()</code> because reading from top to bottom <code>.singleComment</code> is first then other stuff then <code>.editcomment</code></p>

<p>HTML:</p>

<pre><code>&lt;div id='answerCommentContainer'&gt;
&lt;div class='singleComment'&gt;&lt;a href = '/profile.php?p=11'&gt;Jim&lt;/a&gt;&lt;/b&gt; $comment[$a]&lt;input    type='hidden' value='333' name='hiddenComment' class='hiddenComment'/&gt;

 &lt;a href='#' style='color: orange;' class='editComment'&gt;&lt;b&gt;Edit&lt;/b&gt;&lt;/a&gt;

&lt;div class='commentBar'&gt;$difference $periods[$j] ago&lt;/div&gt;&lt;/div&gt;
</code></pre>
