title: jquery remove direct child element
body: <p>Using jQuery, how can I remove an anchor tag in my html body which also consists of a wrapper div, and this wrapper div is above the anchor tag that I want to remove. </p>
  
  <p>It is like</p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="wrapper"&gt; 
          &lt;a id="not_me" href="#"&gt;hi&lt;/a&gt;
      &lt;/div&gt; 
  
      &lt;a id="remove_me" href="#"&gt;Remove Me&lt;/a&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <p>If I use </p>
  
  <pre><code>$("body").find("a:first-child").remove();
  </code></pre>
  
  <p>it removes the first anchor tag in my wrapper div i.e. one with id "not_me", while I want "remove_me" to be removed.</p>