javascript - スライダーが移動したときにスライダーから値を取得します (Limesurvey で)

Question

Limesurvey と Javascript を初めて使用しています。スライダーを動かすたびにスライダーの値を取得したい。これを適切に行う方法がわかりませんでした。今までは次のようなものでした：

$(document).ready(function() {
    $( "#slider-handle-576875X1492X18245SQ001" ).click(function() {
        alert($( ".ui-slider-handle ui-state-default ui-corner-all" ).slider( "value"));
    });
 });

そして、これはこれまでのところ機能しており、スライダーをクリックするたびにアラートが表示されますが、[objetc Object] のみが表示され、値は表示されません。

スライダーのhtmlコードを見ると、値（現時点では14）がどこにでも保存されているため、値を取得する方法がわかりません。 style="left: 46.666666666666664%;">

ここに載せておきますので、よろしければご覧ください！

<div id="slider-576875X1492X18245SQ001" class="ui-slider-1 ui-slider ui-slider-horizontal ui-widget ui-widget-content ui-corner-all">
  <div id="slider-left-576875X1492X18245SQ001" class="slider_showmin">0</div>
  <div class="slider_callout" id="slider-callout-576875X1492X18245SQ001" style="left: 93.32386016845703px;">14</div>
  <div class="ui-slider-handle ui-state-default ui-corner-all" id="slider-handle-576875X1492X18245SQ001" style="left: 46.666666666666664%;"></div>
  <div id="slider-right-576875X1492X18245SQ001" class="slider_showmax">30</div>
  </div>

  <div id="slider-left-576875X1492X18245SQ001" class="slider_showmin">0</div>

  <div class="slider_callout" id="slider-callout-576875X1492X18245SQ001" style="left: 93.32386016845703px;">14</div>

  <div class="ui-slider-handle ui-state-default ui-corner-all" id="slider-handle-576875X1492X18245SQ001" style="left: 46.666666666666664%;"></div>