Без изменений в заполнении цветной ручки JQuery

Я подключил форму jquery таким образом:

<input id="Totali" type="text" class="dial" value="30" data-angleOffset="-125" data-angleArc="250" data-fgColor="#00a0e0" data-angleOffset=-125 data-width="70" data-displayInput="true" data-readOnly="true" data-thickness=".15" />
<input id="Fermi" type="text" class="dial" value="30" data-angleOffset="-125" data-angleArc="250" data-fgColor="#00a0e0" data-angleOffset=-125 data-width="70" data-displayInput="true" data-readOnly="true" data-thickness=".15" />

и во время изменения кода:

$('.dial')
    .trigger(
        'configure', {
            "min": 0,
            "max": parseInt(markers.length)
        }
);

$('.dial[id=Totali]')
    .val(parseInt(markers.length))
    .trigger('change');

$('.dial[id=Fermi]')
    .val(parseInt(21))
    .trigger('change');

Но это только изменяет метку, но не цвет заливки:

Зачем?