title: How to incorporate Jquery UI sortable code?
body: <p>I am trying to incorporate Jquery UI sortable into the the unordered list I have below.  When I click on the button in the form below, it insets the text into #companyassessment_set1 and then submits the form.</p>
  
  <p>When I try to include the javascript for the sortable part, nothing works (existing jquery code + sortable functionality).  The code is here:</p>
  
  <pre><code>$(document).ready(function(){
  $('#menu-pages').sortable();
  });
  </code></pre>
  
  <p>rest of code:</p>
  
  <pre><code>   &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  
     &lt;script src="http://twitter.github.io/bootstrap/assets/js/jquery.js"&gt;&lt;/script&gt;
     &lt;script src="http://twitter.github.io/bootstrap/assets/js/bootstrap-tab.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  jQuery(function () {
      $('#test').click(function (e) {
          e.preventDefault();
          alert('test');
          data = 'Benefits,Predictable hours,Up or out,Job for life,Great corporate strategic vision,Strong profitability,Performance-based,Strong alumni network,Effective managers,Fast growth,Salary and bonus,Little ranking between employees,No working on the weekends,Competitive environment,Great brand for the resume,International opportunities,Brand recognition,Smart people,Stock growth,Perks,No layoffs,Type-A employees,Fast advancement,Reasonable hours'
          $("#companyassessment_set1").val(data);
          $("form#new_companyassessment").submit();
  
      });
  }); 
  &lt;/script&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>    &lt;p&gt;
          &lt;label for="companyassessment_Company Name"&gt;Company name&lt;/label&gt;&lt;br /&gt;
          &lt;div class="field_with_errors"&gt;&lt;input id="companyassessment_name" name="companyassessment[name]" size="30" type="text" value="" /&gt;&lt;/div&gt;
      &lt;/p&gt;
  
      &lt;ul class="menu" id="menu-pages"&gt;
          &lt;li id="page_1"&gt;Home&lt;/li&gt;
          &lt;li id="page_2"&gt;Blog&lt;/li&gt;
          &lt;li id="page_3"&gt;About&lt;/li&gt;
  
      &lt;/ul&gt;
  
  
          &lt;input id="companyassessment_set1" name="companyassessment[set1]" type="hidden" /&gt;
  
  
  
  &lt;input id="test" type="button" value="Set Value" /&gt;
  </code></pre>
  
  <p>Any advice on how to incorporate the Jquery UI code?</p>