Добавление шага в пользовательский jQuery Spinner

Не могли бы вы взглянуть на эту демонстрацию и сообщить мне. Как я могу добавить шаг к коду, чтобы каждый раз увеличивать значение, добавляя 10 к существующим, пока не достигнете 100? и уменьшает значение до нуля?

Как я уже сказал, мне нужно сделать шаг на 10 номеров.

<div class="btn-group input-group">
    <button type="button" class="btn btn-default minus">-</button>
    <button type="button" class="btn btn-default opacity">% 0&nbsp;&nbsp;</button>
    <button type="button" class="btn btn-default plus">+</button>
</div>

$(document).ready(function () {

    var i=1;
    $(".plus").on("click", function () {
        if(i<11) $(".opacity").html("% " +i++);
    });
    $(".minus").on("click", function () {
        if(i>0) $(".opacity").html("% " +i--);
    });
});