Test Case Boilerplate

Fork this way...

HTML

<script src="http://code.jquery.com/ui/jquery-ui-git.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/jquery-ui-git.css">
<!DOCTYPE html>
<html>
    <head>
        <title>Sortable Test</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    </head>
    <body>
        <ul class="navigation">
            <li>1 not link <a href="#content-1">link</a></li>
            <li>2 not link <a href="#content-2">link</a></li>
            <li>3 not link <a href="#content-3">link</a></li>
            <li>4 not link <a href="#content-4">link</a></li>
            <li>5 not link <a href="#content-5">link</a></li>
            <li>6 not link <a href="#content-6">link</a></li>
        </ul>             
    </body>
</html>

JavaScript

$(function(){
    $('.navigation').sortable({
        delay: 100,
        distance: 5
    });
});