Jquery Keyup腳本來更新輸入值不工作

我有一個腳本，從複選框添加數據屬性，我修改了腳本，以便能夠允許用戶手動添加他們自己的條目到text input，keyup函數複製到data-cost=""和debt=""屬性，插件重新計算此Fiddle右側的藍色格框中的總數。此功能的作用，你可以看到在小提琴Jquery Keyup腳本來更新輸入值不工作

但我也希望複製到數據屬性的數據也複製到value=""。該插件使用該值將其顯示在右側的黃色摘要框中，但是每次修改鍵控腳本時，計算停止工作，並且該值不會顯示在摘要中。

這裏是Fiddle

這是KEYUP腳本：

function calculateTotalFor(){ 
    $('#jquery-order-form').data('jprice').onChange(); 
} 
$(function() { 
    $(document).on('keyup blur paste', '.balance', function() { //Changed here 
     var $self = $(this), 
     $checkbox = $self.closest('li').find('input:checkbox'); 
     setTimeout(function() { 
      var str = $self.val(); 
      $checkbox.data('cost',str.replace(/^\$/, '')); 
      $checkbox.data('debt',str.replace(/^\$/, '')); 
      calculateTotalFor(); 
     }, 0) 
    })  
});

來源

2014-01-12 Michael Falciglia