Управление jquery value аттрибутом в <option>

Здравcтвуйте. Есть код: http://jsfiddle.net/zqx1jy70/

        var colors=[];
colors['Черный']='black';
colors['Серый']='gray';
colors['Темно-серый']='darkgray';
colors['Коричневый']='brown';
colors['Бежевый']='beje';
colors['Темно-бежевый']='darkbeje';
colors['Зеленый']='green';
colors['Салатовый']='salat';
colors['Синий']='blue';
colors['Василек']='vas';
colors['Темно-синий']='darkblue';
colors['Бордовый']='bordo';
colors['Красный']='red';
colors['Оранжевый']='orange';
colors['Желтый']='yellow';
colors['Фиолетовый']='violet';
colors['Белый']='white';
jQuery('.color-bgF').data("value","Оранжевый");
jQuery('.color-borderF').val('Бордовый');
jQuery('.color-bgF').change(function(){
        var bgclass='bg-'+colors[jQuery(this).val()];
        jQuery('#kovrikF').removeClass (function (index, className) {
    return (className.match (/(^|\s)bg-\S+/g) || []).join(' ');
});
        jQuery('#kovrikF').addClass(bgclass)
    });
jQuery('.color-borderF').change(function(){
        var bgclass='border-'+colors[jQuery(this).val()];
        jQuery('#kovrikF').removeClass (function (index, className) {
    return (className.match (/(^|\s)border-\S+/g) || []).join(' ');
});
        jQuery('#kovrikF').addClass(bgclass)
    });

Вообщем, скрипт при корректно заполненном value работает, но у меня не получается его подработать под data-value. Заранее спасибо за помощь.