为什么“大于”数字比较会产生意外结果

有一个输入字段，像这样，

 <input class="form-control" type="number" name="recieved_by_quantity" id="quantity" />

动态地，将一个值分配给输入标签，如下所示，

 document.getElementById('quantity').value = qu;    //var qu=11 lets say

现在，我要的是，如果用户手动输入一个大于“ qu”的值，那么该值将自动更改为“ qu”。

我为此所做的是这样的，

 document.getElementById('quantity').addEventListener("change", function() {
    var qc = this.value; 
    if(qc>qu) {
        this.value = qu;
    } 
});

发生的一件奇怪的事情是，如果我输入从2到无穷大的任何值，它将全部更改为11。只有它不变的值是0,1,10,100,1000,10000，依此类推。等等。使困惑。请帮忙。