Como fazer para remover/apagar itens do HTML via JQuery

Como fazer para remover/apagar itens do HTML via JQuery

-Código HTML

<div class="campos">
 <ol class="sortable ui-sortable">
  <li id="campo-1" class="area no-nest mjs-nestedSortable-branch mjs-nestedSortable-collapsed">
  </li>
  <li id="campo-2" class="area no-nest mjs-nestedSortable-branch mjs-nestedSortable-collapsed">
  </li>
 </ol>
</div>


-JQuery

$(".campos").remove(".sortable ui-sortable").remove();

Remove e apaga da div com classe "campos" todas os elementos com a classe "sortable ui-sortable"


$("ol").remove(".sortable ui-sortable").remove();

Remove e apaga todas as "ol" com classe "sortable ui-sortable"


$("li").remove("area no-nest mjs-nestedSortable-branch mjs-nestedSortable-collapsed").remove();
Remove e apaga todas as "li" com classe "area no-nest mjs-nestedSortable-branch mjs-nestedSortable-collapsed"