jqueryスライダが値を初期化していません

Question

jqueryスライダの初期値ではなく[オブジェクトオブジェクト]を取得しています。私はSOのいくつかの記事を読んでおり、終了タグの前にスクリプトを置いていますが、スライダーはまだ初期化されていません。ここ
JS FIDDLE

$("#slider").slider({ 
 
    value: 5, 
 
    min: 25, 
 
    max: 150, 
 
    step: 5, 
 
    slide: function(event, ui) { 
 
    $("#fee-amount").val("$" + ui.value); 
 
    } 
 
}); 
 

 
$("#fee-amount").val("$" + $("#slider").slider("value"));

<form id="payment-fee"> 
 
    <div class="form-group"> 
 
    <label for="fee-amount">Load Amount:</label> 
 
    <input type="text" id="fee-amount" value="" /> 
 
    </div> 
 
    <div class="row"> 
 
    <div class="col-xs-6 col-sm-6 pull-left text-left"> 
 
     <span>$25</span> 
 
    </div> 
 
    <div class="col-xs-6 col-sm-6 pull-right text-right"> 
 
     <span>$150</span> 
 
    </div> 
 
    </div> 
 

 
    <div id="slider"></div> 
 
</form>

にもスクリーンショットです。スライダを初期化するにはどうしたらいいですか？ありがとう。

Answer 1

ここでは、次の

$("#fee-amount").val("$" + $("#slider").slider("value")) 

がhttp://api.jqueryui.com/slider/#method-value