[jQuery] can't edit textarea / input texts inside a sortable

Has anyone else notice this? I have lists of textareas and input texts which
is sortable, the sortable plugin is nice and all but then I couldn't get the
textareas/input texts editable?

here's my code

<ul style="list-style:none">
       <li class="listitem" style="border: 3px solid #f00;
background-color: #ccc; padding: 20px;">
           <div>
               <h3>Item #1</h3>
               <p>Dummy TextArea</p>
               <textarea></textarea>
               <p>Dummy InputText</p>
               <input type="text"/>
           </div>
       </li>
       <li class="listitem" style="border: 3px solid #f00;
background-color: #ccc; padding: 20px;">
           <div>
               <h3>Item #2</h3>
               <p>Dummy TextArea</p>
               <textarea></textarea>
               <p>Dummy InputText</p>
               <input type="text"/>
           </div>
       </li>
       <li class="listitem" style="border: 3px solid #f00;
background-color: #ccc; padding: 20px;">
           <div>
               <h3>Item #3</h3>
               <p>Dummy TextArea</p>
               <textarea></textarea>
               <p>Dummy InputText</p>
               <input type="text"/>
           </div>
       </li>
   </ul>
   <script type="text/javascript">
       $(document).ready(function() {
           $('ul').Sortable({
               accept: "listitem"
           });
       });
   </script>

am I doing something wrong? I hope it's just me ^^

thanks,
Guntur N. Sarwohadi

_______________________________________________
jQuery mailing list
[email protected]
http://jquery.com/discuss/