Replacing the content of a div with the content of another hidden div in Jquery
<p>i am trying to replace the content of a div with the content of another div(which is hidden). The code works for the first time only but the second time doesn't work at all.
I have a div where the titles of some articles are scrolling. I want to achieve that:everytime i am going to click the title of an article its content(the content is in hidden div) is going to appear in another div with the id="sreen".</p>

<pre><code>&lt;script type="text/javascript"&gt; 
//everytime you click the title of an article

$("a.title").live("click", function(){

//replace the content of div screen with the content of an article

$('div#screen').replaceWith($(this).next('div.content'));


    });

&lt;/script&gt;
</code></pre>

<p>Any ideas???</p>
