如何在多个滑块中显示合计值

Question

我有两个滑块，我想显示它们的总值。

我能够显示总价值，但是总价值落后了一步。它仅显示前一个值。我无法在结果文本中获得最新的值。

HTML

<div id="slider-1"></div>
<div id="slider-2"></div>

<div id="result">0</div>

JavaScript

$("#slider-1").slider({
    min: 0,
    max: 10,
    value: 0,
    orientation: "horizontal",
    slide: function (event, ui) {
      Update();
    }
 });

   $("#slider-2").slider({
    min: 0,
    max: 10,
    value: 0,
    orientation: "horizontal",
    slide: function (event, ui) {
      Update();
    }
  })

function Update() {
  $amount1 = $("#slider-1").slider("values", 0);
  $amount2 = $("#slider-2").slider("values", 0);

  $totalAmount = $amount1 + $amount2;
  $("#result").text($totalAmount)
}

https://jsfiddle.net/kukcheong/5d79a3kb/15/