How to remove an element's content with JQuery?

Question

Say I have a div and some content inside it.

      Content

With JQuery, how do I empty the div without removing the di

Answer 1

You can use the empty function to remove all the child nodes (all its content) of an element:

$('#elementId').empty();

The empty function will also remove all the event handlers and the jQuery internally cached data.