如何用按钮更改HTML范围滑块值？

我正在使用HTML范围滑块来放大和缩小图像.我还想显示两个带滑块的按钮,如+用于缩放和 - 用于缩小.当用户单击这些按钮中的任何一个时,也应移动滑块.但我无法做到这一点.这是我的代码.

这是我的功能:

var sliderAction = function (value) {
    $sliderChosen.html(value);
    $("#img").width(value);
    $("#img").height(value);
};

当我点击按钮时,我尝试了这个:

btnZoomIn.click(function() {
    $("#slide").value();  //Want to change value but value is undefined.
});

是否有任何方法可以更改滑块值并在按钮单击时移动它？

使用 val()

 btnZoomIn.click(function() {
               //if value < max
               $("#slide").val(parseInt($("#slide").val())+30);  
               $("#slide").trigger('change');
            });

https://jsfiddle.net/9jfst447/