angularjs - select2 ウィジェットが、選択した値をプログラムで更新できない

Question

angular、select2ウィジェットの操作。次のような HTML で宣言しています。

<div>
    <select id = "dropdown"
       ...
       <option value = "1" id="1">1</option>
       <option value = "2" id="2" >2</option>
       <option value = "3" id="3"" >3</option>
    /select>
</div

選択した項目をプログラムで変更したい (別の関数から呼び出される)。

コードを呼び出す場合:

 $("#dropdown").select2().select2('val', "3")

ドロップダウンの値が変更されていることがわかりますが、実際にドロップダウンのモデル属性にアクセスすると（選択したアイテムを取得するために）、設定しようとした値に設定されていません。

ドロップダウンの onChange イベントを確認すると、e.val が未定義であることがわかります。

例として次のフィドルを参照してください（リンクをクリックした後、アラートボックスに「未定義」が表示されるとは思いませんでした）：http://jsfiddle.net/kcArV/1/

私が間違っていることは何ですか？