jQuery Replace One Div with Another
===

I need to replace one div with another and also i need another container to be removed. Please, see my code:

    <a id="load-more" href="#">
    <div class="text">Load more</div>
    <div id="infscr-loading">
    <img alt="Loading..." src="../loading_small.gif" style="display: none; ">
    <div">No more posts to load</div>
    </div>
    </a>

I need this:

    <span class="text">Load more</span>

replace with this:

    <div">No more posts to load</div>

So, my result should be:

    <a id="load-more" href="#">
    <div">No more posts to load</div>
    <div id="infscr-loading">
    <img alt="Loading..." src="../loading_small.gif" style="display: none; ">
    </div>
    </a>

It's possible to do?