jQuery: how do I remove an Element from the DOM tree?

Question

my HTML:

<li class="accept  accepted" name="javascript_required" style="display: block; " id="accept">
            <div id="accept-text" style="display: block; ">
                Contract was Accepted
            </div>
            <a href="/view/close_contract/89?status=2" rel="facebox">Accept This Controct</a></li>

then my jQuery that i'm trying in the webkit console:

$j('li#accept').remove('a');

the above command reterns

Object
> 0: HTMLLIElement
> context: HTMLDocument
  length: 1
> prevObject: Object
  selector: "li#accept"
> __proto__: Object

After entering the command, the anchor remains in the DOM =(

Answer 1

Your selector is wrong, try $('li.accept').remove('a');

Answer 2

Use this instead:

$('li#accept > a').remove();

Answer 3

This http://interestingwebs.blogspot.com/2009/04/jquery-selectors-samples.html describes selectors in jQuery - it's a really nice one.

I would use:

$("#accept > a").remove();