title: Select div for removal not working
body: <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>