title: How to replace html element with ajax response?
body: <p>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:</p>
  
  <p>I have code like this:</p>
  
  <pre><code>&lt;ul id="products"&gt;
  ...............
  &lt;/ul&gt;
  </code></pre>
  
  <p>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. </p>
  
  <p>In ajax success function I do this:</p>
  
  <pre><code>$('#products').remove();
  //What to do now here to replace the removed portion with response of ajax?
  </code></pre>