Move li elements with certain class into and div
<p>I am trying to use the .append function in jquery. 
I have a div with li elements in it. They have different classes, lets say odds and evens. 
I would like the li's with the class "odd" moved into another div with li's in it. 
How can I do this? 
Here is my setup: 
<strong>Edit</strong>. This was in valid markup, I just didn't put all in. Fixed now for others. </p>

<pre><code>&lt;div id="col1"&gt;
    &lt;ul&gt;
    &lt;li class="odd"&gt;&lt;/li&gt;
    &lt;li class="even"&gt;&lt;/li&gt;
    &lt;li class="odd"&gt;&lt;/li&gt;
    &lt;li class="even"&gt;&lt;/li&gt;&lt;/ul&gt;
&lt;/div&gt;
&lt;div id="col2"&gt;
&lt;ul&gt;
&lt;li&gt;&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;
</code></pre>

<p><strong>So then the output is:</strong> </p>

<pre><code>&lt;div id="col1"&gt;
    &lt;li class="even"&gt;&lt;/li&gt;
    &lt;li class="even"&gt;&lt;/li&gt;
    &lt;li class="even"&gt;&lt;/li&gt;
    &lt;li class="even"&gt;&lt;/li&gt;
&lt;/div&gt;
&lt;div id="col2"&gt;
    &lt;li class="odd"&gt;&lt;/li&gt;
    &lt;li class="odd"&gt;&lt;/li&gt;
    &lt;li class="odd"&gt;&lt;/li&gt;
    &lt;li class="odd"&gt;&lt;/li&gt;
&lt;/div&gt;
</code></pre>
