I want to write a Reordering User Interface? How to do it?
<pre><code>&lt;ul style="padding: 5px; margin-left: 20px;">
Hardware
&lt;li style="padding: 10px; margin-left: 40px;">Product 1&lt;/li>
&lt;li style="padding: 10px; margin-left: 40px;">Product 2&lt;/li>
&lt;li style="padding: 10px; margin-left: 40px;">Product 3&lt;/li>
&lt;li style="padding: 10px; margin-left: 40px;">Product 4&lt;/li>
&lt;li style="padding: 10px; margin-left: 40px;">Product 5&lt;/li>
&lt;/ul&gt;
</code>
</pre>

<p>I have this structure i want to do a reodering interface where user can move product 5 up in the hiearchy by click up arrow and likewise bring something down. I want to do this using javascript of jQuery. I just need some hint about how to do it right.</p>
