.empty() vs .remove()

Empty DOM node vs Removed

by BinaryAcid

HTML

<ol>
    <li>test</li>
    <li class="NewEventItem">test</li>
    <li class="NewEventItem">test</li>
    <li class="NewEventItem">test</li>
</ol>

<input id="Empty" type="button" value="Empty" />
<input id="Remove" type="button" value="Remove" />

CSS

.NewEventItem {
height: 30px;
background: blue;
}

JavaScript

$('#Empty').click(function() {
    $('.NewEventItem').empty();
});

$('#Remove').click(function() {
   $('.NewEventItem').remove();
});