title: disable sortable or dragging with jquery ui
body: <p>I have a div inside a div that I don't want to be able to drag around as it is a navigation element.</p>
  
  <p>example:</p>
  
  <pre><code>$(function() {
      $( "#container" ).sortable();
      $( "#container" ).disableSelection();
  });
  
  &lt;div id="container"&gt;
     &lt;div class="move"&gt;drag me around&lt;/div&gt;
     &lt;div class="nav"&gt;Don't move me&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Basically the .nav I don't want to be able to drag I tried this but it didn't work </p>
  
  <pre><code>$( "#sortable1" ).sortable({
              items: "li:not(.ui-state-disabled)"
          });
  </code></pre>