Браузеры, не соблюдающие изменения в Data- *, Свойства селектора атрибута CSS, не рендеринг

Учитывая это CSS:

[data-myplugin-object="blue-window"]{
    background-color: #00f;
}

[data-myplugin-object="red-window"]{
    background-color: #f00;
}

и этот jQuery:

$('[data-myplugin-object="blue-window"]').each(function(event){
    $(this).data({
        'myplugin-object': 'red-window'
    });
});

и этот фрагмент HTML:

<div data-myplugin-object="blue-window">
    <p>Hello world</p>
</div>

сейчас, можно ожидать, что Когда фрагмент jQuery выполнен ( должным образом отложено до завершения загрузки страницы ) моего голубого окна (, которое изначально делает красным ), будет красным.

Нет, это Конечно, нет; и используют инструменты Firebug и Developer в Firefox и Chrome соответственно, я не могу наблюдать за любыми изменениями в данных - * атрибутов.

Для браузера ( и DOM Набор инструментов для этого ) наблюдать за изменениями, мне нужно вернуться к .attr () Или есть обходной путь для этого?