How to remove HTML elements inside UL using jQuery?

Question

I have the following HTML code:

<ul class="message" id="stats-results"> <li>DS1 Records: <span id="ds1Count"></span></li> <li>DEV Records: <span id="devCount"></span></li> </ul> 

Is there an easy way to completely remove li elements from ul using jQuery?

Answer 1

There is a method just for that, empty ()

 $('#stats-results').empty(); 

Description: Remove all child nodes of the set of matched elements from the DOM.

No need for "tricks."

Answer 2

 $("#stats-results").html(""); 

This will remove all li elements

Answer 3

Try $('ul.message li').remove();