javascript - jQuery select フォームの変更値

Question

ロール リストが変更されたときに非表示のフォーム入力の値を単純に変更したい。

HTML

<input id="foo" name="foo" type="hidden" />

<select id="logo" name="logo">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
</select>

Javascript

$(document).ready(function() {
$("#logo").on('change', function() {
    var x = $(this).val();
    $("#foo").val(x);
});
});

これはうまくいきません。何か案は？