regarding div and jquery
<p>I have a big div and a small div. The big div has the same layout as the small div vice versa. When I hover over the small div, I want everything in the small div to replace everything in the big div. Is there a way to do this? If so, how can I apply this using jquery? Here's an example:</p>

<blockquote>
<pre><code>&lt;div id="container"&gt;
&lt;div id="header"&gt;      &lt;div id="hcontainer"&gt;
    &lt;h1&gt;Test1&lt;/h1&gt;
    &lt;ul&gt;
        &lt;li&gt;1&lt;/li&gt;
        &lt;li&gt;2&lt;/li&gt;
        &lt;li&gt;3&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt;   &lt;/div&gt;  &lt;div id="bcontainer"&gt;    &lt;div class="first"&gt;
    &lt;h2&gt;Test2&lt;/h2&gt;
    &lt;ul&gt;
        &lt;li&gt;4&lt;/li&gt;
        &lt;li&gt;5&lt;/li&gt;
        &lt;li&gt;6&lt;/li&gt;
    &lt;/ul&gt;
&lt;/div&gt; &lt;/div&gt;
</code></pre>
</blockquote>
