title: reorder list elements with mouse jquery
body: <p>I have floating list elements and I want to make them draggable with mouse and move them to reorder. The structure is as follows:</p>
  
  <pre><code>&lt;ul&gt;
      &lt;li&gt;item1&lt;/li&gt;
      &lt;li&gt;item2&lt;/li&gt;
      &lt;li&gt;item3&lt;/li&gt;
      &lt;li&gt;item4&lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>What is the best way to do it?</p>