[解決済み] Javascript/jQuery。複数選択で値を設定（選択）する

質問

複数選択をしています。

<select name='strings' id="strings" multiple style="width:100px;">
    <option value="Test">Test</option>
    <option value="Prof">Prof</option>
    <option value="Live">Live</option>
    <option value="Off">Off</option>
    <option value="On">On</option>
</select>

データベースからデータを読み込む。すると、このような文字列ができます。

var values="Test,Prof,Off";

この値を複数選択時に設定するにはどうしたらよいのでしょうか？すでに配列で文字列を変更し、複数選択で値としてそれを置くことを試みたが、動作しません...! どなたか教えていただけませんか？ありがとうございます!

どのように解決するには？

属性セレクタを利用した動的セレクタで値を使ってループを反復する。

var values="Test,Prof,Off";
$.each(values.split(","), function(i,e){
    $("#strings option[value='" + e + "']").prop("selected", true);
});

動作例 http://jsfiddle.net/McddQ/1/