ion.rangeSlider modify when hidden

HTML

<script src="http://ionden.com/a/plugins/ion.rangeSlider/static/js/ion-rangeSlider/ion.rangeSlider.js"></script>
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.css">
<link rel="stylesheet" href="http://ionden.com/a/plugins/ion.rangeSlider/static/css/ion.rangeSlider.skinHTML5.css">
<p>Clicking the "Change value" button will set the slider to a random value. If you hide the slider with the "Hide/Show" button and then click the "Change value" button, the onUpdate function does get triggered.</p>

<button onclick="toggleVisible()">
Hide/Show
</button>

<button onclick="changeValue()">
Change value
</button>



<br>
<br>

<div id="slider" style="width:100%">
    <input id="range_01" />
</div>

<div>
onUpdate: value was set to <span id="lastvalue"></span>.
</div>

JavaScript

$("#range_01").ionRangeSlider({
    min: 0,
    max: 100,
    from: 20.1,
    onUpdate: function(o) {
      $("#lastvalue").text(o.from);
    }
});
var slider = $("#range_01").data("ionRangeSlider");

toggleVisible = function() {
	$("#slider").toggle();
};

changeValue = function() {
  var value = Math.ceil(Math.random() * 100);
	$("#range_01").data("ionRangeSlider").update({from: value});
};