jQuery Replace One Div with Another
<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>
