jquery - 同じクラスの複数の select[multiple] から値を取得する

Question

ページ上のいくつかの異なるオプションから選択したオプションの値を取得しようとし<select multiple='multiple'>ています。これらのピックリストには同じクラス (食べ物) があるので、それらをすべて参照するためにそれを使用したいと思います。これはこれまでの私のコードです。

var checkedVals = $('.food :selected').map(function() {
    return this.value;
}).get();

そして、これが私の選択の1つがすべてレンダリングされたように見えるものです.

<select multiple="multiple" id="id_form-0-foods" class="food" name="form-0-foods">
<option value="1">meat</option>
<option value="2">fish</option>
<option value="3">bread</option>
<option value="4">cheese</option>
</select>

編集：以下の詳細。

上記の jquery スニペットは次のようにラップされています。

$("option").live('dblclick', function () {

});

また、djangoフォームセットとhttp://chase-seibert.github.io/blog/2010/05/14/reuse-djangos-filter_horizo ​​ntal-admin-widget.htmlを使用しています

新しい編集:問題は、私が使用していたDjango管理ウィジェットが「ソースの表示」で選択されたオプションを設定することでしたが、個々の要素を調べたときに、コードでそのようなことが起こっていませんでした. 私は空のリストを取得していましたが、これが起こるはずだったものです。