I am trying to link a <select> box to a computed observable object in JSViews. The <select> updates fine when the depended upon variable changes. However when selecting a new value in the <select> box it does not trigger the set() function I defined. See https://jsfiddle.net/4y274h0L/3/

Template

<select>
    {{for options}}
        <option value="{{:#data}}" data-link="{:#data} selected{:~root.computedSelectedOption() == #data}"></option>
    {{/for}}
</select>

Computed observable

function privateComputedOption() {
    return vm.tempSelectedOption;
}

privateComputedOption.depends = ["~root.tempSelectedOption"];

privateComputedOption.set = function(val) {
    $.observable(vm).setProperty("tempSelectedOption", val);
    console.log(val);
};

Any help would be very welcome!