Remove a div with an empty ul tag in it

Question

I have to remove a div with an empty ul tag in it.

EDIT: The ul tag is not empty, it has a bunch of whitespace in it.

I want to do this with jQuery

This is what I have so far:

$('trim(#menu):empty').parent().remove();

Where the id of my div is 'menu'.

Example:

before:

<div id="container>
    <div id="menu">
      <ul>          


      </ul>
    </div>
</div>

after:

<div id="container>
</div>

Thanks in advance!

Stijn

Answer 1

Try this:

if($("#menu ul:not:has(li)")) {
    $("#menu").parent().remove();
}

Answer 2

I'm not sure if I get the idea but this could do the trick

if ($('#menu li').length == 0) {
   $('#menu').remove();
}