Checkbox is not checking though attribute values are updating

I have a checkbox which I want to check/uncheck using setInterval in every 2 secs.

But it is getting checked/unchecked only once.

Also when I am inspecting the DOM , I can see it's value and checked attribute is updating, but it is not reflecting in the view.

Here is my code

HTML

<input type="checkbox" name="paid" id="paid-change" value = "1">

JS

var getCheckBox = $("#paid-change");

function check(){
 getCheckBox.attr('checked',true);
 getCheckBox.val("1")
}
function uncheck(){
getCheckBox.attr('checked',false);
 getCheckBox.val("0")
}

// check/uncheck in every 2 seconds
setInterval(function(){
 switch (getCheckBox.val()){ //get checkbox value
 case "0":
     check() // if value is 0 check it
     break;
 case "1":
     uncheck() //uncheck it
     break;
}

},2000)

Here is a jsfiddle.

Inspecting the element,you the attributes are updating but not reflecting on the view.

Any idea where I am making mistake?