jQury UI Sortable

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css">
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js"></script>
<div class="demo">
    <ul id="sortable">
        <li>my item</li>
        <li>my item</li>
        <li>my item</li>
        <li>my item</li>
        <li>my item</li>
    </ul>

CSS

li:nth-child(odd) {
    color: green;
}
li:nth-child(even) {
    color: red;
}

JavaScript

$("#sortable").sortable({
    cancel: ".fixed"
});
$("#sortable").disableSelection();