How do I replace the html element from ajax response? What I know to is to remove the element, how do I replace that removed tag with ajax response?
For example:

I have code like this:

<ul id=products>

...............

</ul>

When I click on a button the ajax call is made to codeginter controller where I recieve the new data pulled from the database and rendered in another view which starts from ul and ends at closing ul.

In ajax success function I do this:

$('#products').remove();

//What to do now here to replace the removed portion with response of ajax?