JQuery remove()とempty()の違い

remove()	– それを呼び出したDOM要素自体とそのすべての子要素を削除する
empty()	– それを呼び出したDOM要素のすべての子要素を削除する

<body>
    <div id="div1">
        div1要素
        <p>div1要素の子要素1</p>
        <p>div1要素の子要素2</p>
        <p>div1要素の子要素2</p>
    </div>
</body>

上記のhtmlに対して

$("#div1").remove();

を実行すると

<body>

</body>

div1ごとなくなり、

$("#div1").empty();

を実行すると

<body>
    <div id="div1">
    </div>
</body>

div1の中身がなくなります。