Hover over the para should display the same content in jquery
<p>Whenever i hover the "p", its should show the content like "duplicate"
and click the "duplicate" to hovered para should be display under the "p"
here i try some thing...</p>

<pre><code>&lt;div id="one"&gt;
&lt;p&gt;This is para, when i hover i will appear. &lt;/p&gt;
&lt;p&gt;This is another, when i hover i will appear. &lt;/p&gt;
&lt;h4 id="o"&gt;&lt;a href="#one"&gt;Duplicate&lt;/a&gt;&lt;/h4&gt;
&lt;div class="tex"&gt;&lt;/div&gt;
&lt;ul&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p>and jquery is</p>

<pre><code>var id = '';
 $("p").hover(function() {
id = $(this).text();
$("#o").show();
},
function() {
$("#o").delay(2000).fadeOut("slow");
 });

$("#o").click(function() {
 $(id).appendTo("tex");
  });
</code></pre>

<p>here i did some error. but i dont know that.</p>
