输入范围用cookie记住值

Question

我有一个输入类型范围

<input type="range" id="img_slider" name="img_slider" min="150" max="300" value="250" />  

它使用javascript

更改页面上所有图像的值

$(".item_image").each(function () {
    $('#img_slider').change(function(){  
        $('.item_image').css('width', this.value + "px");
        setTimeout(function(){ $('#product-masonry').masonry() }, 400);
        $.cookie("img_slider_value","this.value");
    });
});

但是我想记住带有cookie的输入范围的值，这样当我刷新浏览器时，输入范围值等于最后设置的值。我对饼干很新，所以感谢一些帮助！

谢谢你：）

编辑： 我已将我的代码编辑为

$(function() {
    $('.item_image').css('width', $.cookie("img_slider_value") + "px");
    $( "#img_slider" ).val(  $.cookie("img_slider_value") );
});

$('#img_slider').change(function(){  
    $('.item_image').css('width', this.value + "px");
    setTimeout(function(){ $('#product-masonry').masonry() }, 400);
    $.cookie("img_slider_value",this.value);
});

现在感谢你的帮助！