The jQuery Empty method – .empty() is used to remove all the contents and children of the element.
Note: It does the remove the element itself. If you want to remove the element also then use jQuery Remove method.
Important tutorial: Understand how to use jQuery to Disable & Enable Controls in your website.
I have a div that contains information of United States:
<div id="div1">
Country:
<p>Name: United States</p>
<p>State: New York</p>
<p>City: New York City</p>
</div>
To remove all its content use .empty() method:
$("#div1").empty();
The Resulting div will have all its content removed:
<div id="div1">
</div>
Check the download link below: