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">

  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
  
  <p>Why is the first list item sortable?</p>

CSS

article, aside, figure, footer, header, hgroup, 
  menu, nav, section { display: block; }

JavaScript

$('ul').sortable({
      items: 'li:not(.active)'      
    });
    
    $('li:first').addClass('active');
    
    $('ul').sortable('refresh');
    
    // i expect the first list item to not be sortable