jquery - スパンから入力に値を移動する方法は?

Question

http://jsfiddle.net/nobuts/89NtM/からスクリプトを取得しましたが、すべての入力の総数<input>を<span>

試してみまし<input type="text" id="sum" />たが、何らかの理由で機能しません。ちなみに私はjquery派ではありません。それでは、解決策を教えてください。

スクリプトは次のとおりです。

$(document).ready(function(){
     //iterate through each textboxes and add keyup
    //handler to trigger sum event
    $(".txt").each(function() {

        $(this).keyup(function(){
            calculateSum();
        });
    });

});

function calculateSum() {

    var sum = 0;
    //iterate through each textboxes and add the values
    $(".txt").each(function() { 
        //add only if the value is number
        if(!isNaN(this.value) && this.value.length!=0) {
            sum += parseFloat(this.value);
        } 
    });
    //.toFixed() method will roundoff the final sum to 2 decimal places
    $("#sum").html(sum.toFixed(2));
}

HTML

<table width="300px" border="1" style="border-collapse:collapse;background-color:#E8DCFF">
        <tr>
            <td width="40px">1</td>
            <td>Butter</td>
            <td><input class="txt" type="text" name="cost"/></td>
        </tr>
        <tr>
            <td>2</td>
            <td>Cheese</td>
            <td><input class="txt" type="text" name="cost"/></td>
        </tr>
        <tr>
            <td>3</td>
            <td>Eggs</td>
            <td><input class="txt" type="text" name="cost"/></td>
        </tr>
        <tr>
            <td>4</td>
            <td>Milk</td>
            <td><input class="txt" type="text" name="cost"/></td>
        </tr>
        <tr>
            <td>5</td>
            <td>Bread</td>
            <td><input class="txt" type="text" name="cost"/></td>
        </tr>
        <tr>
            <td>6</td>
            <td>Soap</td>
            <td><input class="txt" type="text" name="cost"/></td>
        </tr>
        <tr id="summation">
            <td>&nbsp;</td>
            <td align="right">Sum :</td>
            <td align="center"><span id="sum">0</span></td>
        </tr>
    </table>

よろしく、

Answer 1

変化する

<span id="sum">0</span>

に

<input id="sum" value="0" />

変更する

$("#sum").html(sum.toFixed(2));

に

$("#sum").val(sum.toFixed(2));