How to Attach A Tooltip to a Dragable Element

How to Attach A Tooltip to a Dragable Element

Can you please take a look at this demo and let me know how I can attach the tooltip to jquery ui handler so when the handler moves the tooltip also moves?

Here is my code:

  1.  $(function () {
  2.      $("#slider-vertical").slider({
  3.          orientation: "vertical",
  4.          range: "min",
  5.          min: 0,
  6.          max: 100,
  7.          value: 60,
  8.          slide: function (event, ui) {
  9.              $("#amount").val(ui.value);
  10.          }
  11.      });
  12.      $("#amount").val($("#slider-vertical").slider("value"));
  13.      $(".ui-slider-handle").attr("rel", "tooltip");
  14.      $(".ui-slider-handle").attr("data-toggle", "tooltip");
  15.      $(".ui-slider-handle").attr("data-placement", "left");
  16.      $(".ui-slider-handle").attr("title", "This");
  17.      $("[rel='tooltip']").tooltip();
  18.  });

Thanks