Class changing based on data

Question

enter image description here

This is what I am trying to achieve, class of the status would changed based on data coming. My JS:

$(document).ready(function () {
    var cls = 'label-info';
    if(data-value == 'Progress'){
        cls = 'label-warning';
    }
    else(data-value == 'New'){
        cls = 'label-success';
    }
    $('#label').addClass(cos);
});

My JS:

My Html:

<span id="label" class="label label-sm " data-value = "{{ account.status }}"> {{ account.status }} </span>

Answer 1

Change your class variable name

$('#label').addClass(cls);