Remove div elements using jquery?

Question

Code:

 <div id="wrap">
 <div>Hello</div>
 <H1>world</h1>
 </div>

 <button id='btn'>Delete</button>

I need to remove contents inside div->#wrap on button click. the result should be like

<div id="wrap">
</div>

I tried using

$("#btn").click(function(){
    $( "#wrap" ).remove();
});

Answer 1

Use .html('') or empty() to empty the div

$('#wrap').html('');    //$("#wrap").empty();

remove() will remove it from the DOM.

Demo

* _{Also fix <H1>world</h1> to <h1>world</h1>}