drag and drop sorting not working at all?

Silly though it may be, I can't get a list to be draggable. I haven't
set up the update partials but I can't even get the elements to become
draggable. Here is what my HTML output is:

<head>
  <script src="/javascripts/dragdrop.js?1230671275"
type="text/javascript"></script>
</head>

  <div id='Q2_answers'>
    <ul id='Q2_answer_list' class='answer_list'>
       <li id='item_3' class='answer_list_item'>John</li>
       <li id='item_2' class='answer_list_item'>Edward</li>
       <li id='item_1' class='answer_list_item'>Bill</li>
    </ul>
</div>

<script type="text/javascript">
//<![CDATA[
Sortable.create("Q2_answer_list", {onUpdate:function(){new
Ajax.Updater('Q2_answers', '/surveys/1', {asynchronous:true,
evalScripts:true, onComplete:function(request){new
Effect.Highlight("Q2_answer_list",{});},
parameters:Sortable.serialize("Q2_answer_list") + '&authenticity_token='
+ encodeURIComponent('de77455cc1af8b8c3e33f2faf5f3a391a1f4e1cb')})}})
//]]>
</script>

The ERB for this is:
<%= sortable_element "Q#{question.position}_answer_list",
  :update => "Q#{question.position}_answers",
  :complete => visual_effect(:highlight,
"Q#{question.position}_answer_list") %>

Why won't these elements drag??? Thanks in advance.