knockout.js - テーブル選択行へのノックアウトCSSバインディング

Question

次のノックアウトバインディングとjavascriptがあります

<table id="tblall" border="0" class="table table-hover" width="100%">
<tbody data-bind="foreach: myinfo">
<tr id="Tr1" style="cursor: pointer" > 
 <td data-bind="click: $parent.selectIt, css: { 'red': $parent.isSelected == $data } "></td>
<td data-bind="text: $parent.isSelected"></td>
</tr>
</tbody>
</table>

そしてこのJavaScript

function (logger, system, router) {
var isSelected = ko.observable();
---
---
-
--
    var vm = {
             isSelected:isSelected,
        selectit: function(row, event) {

               isSelected(row.id);

            }

行を選択すると isselected が変更されますが、css は変更されません。