title: jQuery sortable is not a function
body: <p>I am trying to make an ordered list of items click-and-draggable with the Sortable jQuery UI plugin version 1.8.16. However, I keep getting the error that <code>$("#ol-id ol").sortable is not a function</code>, with 'ol-id' being the id of the list. My code is as follows: </p>
  
  <pre><code>//Sorting stuff
  if($("#li-id li").size()&gt;1) {
      $("#ol-id ol").sortable({
          revert:         true,
          axis:           'y',
          containment:    'parent',
          cursor:         'move',
          handle:         'div.link_div',
          smooth:         false,
          opacity:        0.7,
          tolerance:      'pointer',
          start: function(){
              $("#ol-id").removeClass("bottom_dragged");
          },
          update: function(){
              $("#ol-id ol").sortable({disabled : true});
              $("#saving_indicator").html("saving...")
              $("#saving_indicator").show();
                              //do other stuff...
          }
      })
  }
  </code></pre>
  
  <p>Oddly, the error shows up in Firebug as being on the line with <code>update: function(){</code>.</p>
  
  <p>I have verified that this function is called after both the page is loaded and the jQuery UI library is loaded. I am including both jquery-1.6.2.min.js and jquery-ui-1.8.16.custom.min.js in the header. Moreover, I have verified that all id names are correct and match their HTML counterparts.</p>
  
  <p>So if it's not this missing resource-related stuff, what is causing the problem?</p>
  
  <p>EDIT: here is my HTML header:</p>
  
  <pre><code>&lt;link href="/_css/styles.css?mod=1317745564" type="text/css" rel="stylesheet"&gt;
  &lt;link href="/_javascript/qtip/jquery.qtip.min.css?mod=1315947301" type="text/css" rel="stylesheet"&gt;
  &lt;script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"&gt;
  &lt;script type="text/javascript" async="" src="http://www.google-analytics.com/ga.js"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"&gt;
  &lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"&gt;
  &lt;link rel="stylesheet" type="text/css" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/start/jquery-ui.css"&gt;
  &lt;link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/le-frog/jquery-ui.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.js" type="text/javascript"&gt;
  &lt;script src="/_javascript/sets.js?mod=1320080042" type="text/javascript"&gt; //Sorting stuff code is here
  &lt;script type="text/javascript" src="http://dev.selfcheck.vudat.msu.edu/_javascript/jquery.jsonp.js"&gt;
  &lt;script type="text/javascript" src="http://dev.selfcheck.vudat.msu.edu/_javascript/jquery.form.js"&gt;
  &lt;script type="text/javascript" src="http://dev.selfcheck.vudat.msu.edu/_javascript/qtip/jquery.qtip.min.js"&gt;
  &lt;link href="/_css/ui/ui.core.css?mod=1315947279" type="text/css" rel="stylesheet"&gt;
  &lt;link href="/_css/ui/ui.theme.css?mod=1315947280" type="text/css" rel="stylesheet"&gt;
  </code></pre>