jQuery Mobile sortable list

Does it work?

HTML

<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<div data-role="page" id="page1">
    <div data-role="content">
        <ul data-role="listview" data-divider-theme="b" data-inset="true">
            <li data-role="list-divider" role="heading">List1</li>
            <li data-role="list-divider" role="heading">List2</li>
        </ul>
        <!-- <a data-role="button">Submit</a> -->
    </div>
</div>

JavaScript

$(document).ready(function(e) {
    $("")
    <li data-theme="e">1</li>
    
    
    $('li').removeClass('ui-corner-bottom');
    $('ul')
        .addClass('ui-corner-top')
        .removeClass('ui-corner-all')
        .sortable({
            'containment': 'parent',
            'opacity': 0.6,
            update: function(event, ui) {
                //alert("dropped");
            }
        });
});