Выделение выбранной строки чередующейся HTML-таблицы

Вот пример моей проблемы на jsFiddle.

У меня есть таблица с чередующимися строками, созданными с помощью tr:nth-child(odd)в CSS, как это сделано в Twitter Bootstrap для класса table-striped. Я хочу выделить самую последнюю нажатую строку этой таблицы. Я делаю это с помощью следующего Javascript:

$('#mytable tbody tr').live('click', function(event) {
    $clicked_tr = $(this);
    $clicked_tr.parent().children().each(function() {
        $(this).removeClass('highlight')
    });
    $clicked_tr.addClass('highlight');
});

Этот код отлично работает в таблице без полосатых строк. Но с полосатыми строками цвет фона класса highlightне будет переопределять цвет фона класса table-striped. Это почему? И как я могу заставить это работать?