title: jQuery Replace One Div with Another
body: <p>I need to replace one div with another and also i need another container to be removed. Please, see my code:</p>
  
  <pre><code>&lt;a id="load-more" href="#"&gt;
  &lt;div class="text"&gt;Load more&lt;/div&gt;
  &lt;div id="infscr-loading"&gt;
  &lt;img alt="Loading..." src="../loading_small.gif" style="display: none; "&gt;
  &lt;div"&gt;No more posts to load&lt;/div&gt;
  &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>I need this:</p>
  
  <pre><code>&lt;span class="text"&gt;Load more&lt;/span&gt;
  </code></pre>
  
  <p>replace with this:</p>
  
  <pre><code>&lt;div"&gt;No more posts to load&lt;/div&gt;
  </code></pre>
  
  <p>So, my result should be:</p>
  
  <pre><code>&lt;a id="load-more" href="#"&gt;
  &lt;div"&gt;No more posts to load&lt;/div&gt;
  &lt;div id="infscr-loading"&gt;
  &lt;img alt="Loading..." src="../loading_small.gif" style="display: none; "&gt;
  &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>It's possible to do?</p>