使用按钮更新滑块 UI 值

试图找出一种方法来更新滑块 UI 值，不仅在手柄更改时，而且在（加号/减号）按钮单击时。它确实在单击时将句柄移动一步，但不会更新值。有谁知道问题出在哪里？

小提琴

$(function () {
  var sizes = [ "0 years", "1 year", "2 years", "3 years", "4 years", "5 years", "6 years", "7 years" ];
  $("#slider-range-max3").slider({
    range: "max",
    min: 0,
    max: sizes.length - 1,
    step: 1,
    create: function(event, ui) {
      $("#sup").val(sizes[0]);
    },
    slide: function (event, ui) {
      $("#sup").val(sizes[ui.value]);
      $(".sup").text(sizes[ui.value]);
       var value = $(this).val(),
      button = $("#sup").val(sizes[ui.value]);
      setTimeout(function () { /* update text after jQM refreshes slider */
        button.text(custom[value]);
    }, 0); }
  });
  $("#plus3").click(function () {
    var value = $("#slider-range-max3").slider("value");
    var step = $("#slider-range-max3").slider("option", "step");
    $("#slider-range-max3").slider("value", value + step);
  });
  $("#minus3").click(function () {
    var value = $("#slider-range-max3").slider("value")
    var step = $("#slider-range-max3").slider("option", "step");
    $("#slider-range-max3").slider("value", value - step);
  });
});