Re order list items jquery
<p>Without using scrollable - I am trying to use a 'click' to move (nested) ul's up or down. However in this example: console.log = [] ? I know its ugly and Im probably not going to use it but I was more interested in why I cant get and result for 'prevList'?</p>

<pre><code>$(function(){
$('.moveUp').click(function(){
    theList = $(this).parent().parent();        
    prevList = $(this).parent().parent().prev();
    console.log(prevList);              
        });
});



&lt;ul&gt;
&lt;li&gt;

&lt;div class="category-list"&gt;
&lt;ul&gt;
&lt;li&gt;Category: other&lt;/li&gt;
&lt;li&gt;Edit this Category&lt;/li&gt;
&lt;li&gt;Delete this Category&lt;/li&gt;
&lt;li class="moveUp"&gt;Move up&lt;/li&gt;
&lt;li class="moveDown"&gt;Move down&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;div class="category-list"&gt;
&lt;ul&gt;
&lt;li&gt;Category: other&lt;/li&gt;
&lt;li&gt;Edit this Category&lt;/li&gt;
&lt;li&gt;Delete this Category&lt;/li&gt;
&lt;li class="moveUp"&gt;Move up&lt;/li&gt;
&lt;li class="moveDown"&gt;Move down&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;div class="category-list"&gt;
&lt;ul&gt;
&lt;li&gt;Category: other&lt;/li&gt;
&lt;li&gt;Edit this Category&lt;/li&gt;
&lt;li&gt;Delete this Category&lt;/li&gt;
&lt;li class="moveUp"&gt;Move up&lt;/li&gt;
&lt;li class="moveDown"&gt;Move down&lt;/li&gt;
&lt;/ul&gt;
&lt;/div&gt;

&lt;/li&gt;

&lt;li&gt;Some other List Item&lt;/li&gt;

&lt;li&gt;Ditto&lt;/li&gt;

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