How does one remove all <li> tags from a parent <ul> tag?

Given:

    <ul id="myList" class="list-group">
      <li>Remove Me 1</li>
      <li>Remove Me 2</li>
      <li>Remove Me 3</li>
    </ul>

I would like to remove all of the li children from a parent ul, so that when i do:

    $("#myList").append("<li>New li 1</li>");

I end up with

    <ul id="myList" class="list-group">
      <li>New li 1</li>
    </ul>

Instead of:

    <ul id="myList" class="list-group">
      <li>Remove Me 1</li>
      <li>Remove Me 2</li>
      <li>Remove Me 3</li>
      <li>New li 1</li>
    </ul>