Проблема с jQuery Spinner из массива с жестким кодом

Не могли бы вы взглянуть на эту демонстрацию и сообщить мне, как я могу заставить Spinner добавлять значения из массива opa при каждом нажатии на кнопки минус или плюс?

Вот код, который у меня есть:

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

$(document).ready(function () {
    var opa = [0, 10, 20, 30, 40, 50, 60, 70, 80, 90];
    $(".plus").on("click", function () {
        $(".opacity").html(opa[1]);
    });
    $(".minus").on("click", function () {
        $(".opacity").html(opa[0]);
    });
});