スライダが間違った場所で起動するのはなぜですか？

Question

私は、スライダの値を渡して動的に変更しようとしています。それは正常に動作しますが、私がページを開始するとき、スライダボタンが間違った値に置き換えられました。どうすれば修正できますか？ これはこれはmy fiddle

EDIT

である私のHTML

<div data-role="page"> 
    <div data-role="header"> 
     <h1>Slider Control</h1> 
    </div> 

    <div data-role="main" class="ui-content"> 

      <label for="points">Points:</label> 
      <input type="range" data-highlight="true" data-bind="attr: {'id': id, 'min': min, 'max': max}, value: value, valueUpdate: 'input'" /> 
      Net: <span data-bind="text: value"></span> 
    </div> 

である。これは、スライダはその場所に始まり、スライダー、の一例です。ノックアウトは、その値を設定する前にjQueryのモバイルはスライダーを初期化するよう Fiddle