how to replace ul with new ul
<p>how do i use jquery to replace what I have in the first ul with what I have in the second ul?</p>

<pre><code>$('li').each(function() {
  alert($(this).text()); //so far this is what I have which alerts me with all the li's text.
});
</code></pre>

<hr>

<pre><code>&lt;ul&gt;
   &lt;li&gt;apple&lt;/li&gt;
   &lt;li&gt;peach&lt;/li&gt;
</code></pre>

<h2>    </h2>

<pre><code>&lt;ul&gt;
   &lt;li&gt;juice&lt;/li&gt;
   &lt;li&gt;candy&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
