i want to update sum of total automatic in sum box.

Automatic update sum of total columns in Sum Box.

How would be this work, Here is My Code.

JS Fiddle Here: <http://jsfiddle.net/anosim/6WX5Q/5/>

Here is HTML:

```
<table id="items">
    <thead>
        <th>Unit</th>
        <th>Qty</th>
        <th>Total</th>
    </thead>
    <tbody>
        <tr>
            <td><input class="input3 unit" name="unit_1" type="text" value=""></td>
            <td><input class="input3 qty" name="qty_1" type="text" value=""></td>
            <td><input class="input3 total" name="total_1" type="text" value=""></td>
        </tr>
        <tr>
            <td><input class="input3 unit" name="unit_1" type="text" value="" autocomplete="off"></td>
            <td><input class="input3 qty" name="qty_1" type="text" value="" autocomplete="off"></td>
            <td><input class="input3 total" name="total_1" type="text" value="" autocomplete="off"></td>
        </tr>
    </tbody>
</table>

<br clear="both">

<table id="items">
    <thead>
        <th>Sum</th>
    </thead>
    <tbody>
        <tr>
            <td><input class="input3 sum" name="sum" type="text" value="" autocomplete="off"></td>
       </tr>
    </tbody>
</table>

```

Here is Jquery:

```
$('.qty').keyup(function(e) {
    var val1 = parseInt($(this).val());
    var val2 = parseInt($(this).parent().siblings('td').find('.unit').val());
    var total = val1 * val2;
    if(isNaN(total)) {
        var total = 0;
    }
    $(this).parent().siblings('td').find('.total').val(total);

    // get sum
    $('.sum').val(total);
});

```