Replace html of a div after anchor tag?
<p>This is a quick example not my actual code. Onclick of the div <code>button</code>, how do i replace the html after the anchor tag or parent div <code>title</code>?  The jQuery code here replaces everything in the div <code>title</code> i only want to replace what is after the anchor tag.</p>

<p>script</p>

<pre><code>$(function() {

    $('.button').live('click',function() {
    var info = $(this).next('.information').html();
    $(this).next('.title').html(info);
    });
});
</code></pre>

<p>html</p>

<pre><code>&lt;div class='container'&gt; 
    &lt;div class='button'&gt;Click Me&lt;/div&gt;
    &lt;div class='information' style='display:none;'&gt;information&lt;/div&gt;
    &lt;div class='title'&gt;&lt;a href='http://www.example.com/' class='link'&gt;&lt;/a&gt;title&lt;/div&gt;
&lt;/div&gt;
</code></pre>
