How to set outerHTML with jQuery

Question

I have a UserControl. Ex:

<div id="divItem"> some html </div> 

The ajax request return new html of this UC from server. Ex:

<div id="divItem">     new html </div> 

I want to replace the old html by the new one. How could I do that. Thanks.

Answer 1

If you also return the div divItem

$("#divItem").replaceWith("NEW HTML"); 

Put the new HTML on the spot or replace the innerHTML, since they got the same container:

$("#divItem").html($("NEW HTML").html()); 

If you dont return the div divItem

Just put the new html:

$("#divItem").html("NEW HTML");