jquery remove direct child element
<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>

<p>Please help me out.
Thanks</p>
