jQuery draggable option elements

Question

Any tips on making the following option elements draggable?

<select id="expenseSelect" multiple="multiple" style="height:200px">
    <option value="a">aaaaaaaa</option>
    <option value="b">bbbbbbbb</option>
    <option value="c">cccccccc</option>
    <option value="d">dddddddd</option>
    <option value="e">eeeeeeee</option>
</select>

The following doesn't seem to work

$(document).ready(function() {
    $('#expenseSelect').children().draggable();
});

I'm basically looking for a listbox element where the user can choose 1 or more items and drag them to a form.

Answer 1

Faced with this problem, and wrote a small jQuery plugin for that. Only problem is Internet Explorer (any) - it not support any events on <option> element.

https://github.com/NikitaKA/jquery.dragOptions