试图获取jQuery中每一行的总成本

嗨，我正试图从每一行中获得总成本。下面是一张截图：

链接：https://i.stack.imgur.com/4ZgLt.png

正如你所看到的，一行已经通过乘积5*2计算出了它的总数。但这只发生在第一行，但我很乐意在每一行中进行计算。我认为这是因为每行中的名称变量相同，这就是为什么javascript无法计算每行的总数。我想我需要一个for循环来解决这个问题。但我真的不知道怎么做。这是我目前拥有的代码：

@foreach ($project->projecttask as $pt)
              <tr>
                <td>
                    {{ $pt->task['task_name'] }}    
                </td>
                <td>
                    <input type="hidden" name="projectId" value="{{$project->id}}"/>
                    {{Form::hidden('hour', $project->hour)}}
                </td>
                <td>
                    {{ Form::text('hour', $pt->hour, array('class' => 'form-control', 'id'=>'hour')) }}
                </td>
                <td>
                    {{ Form::text('hour_salary', $pt->hour_salary, array('class' => 'form-control', 'id'=>'hour_salary')) }}
                </td>
                <td>
                {{ Form::text('total_salary', $pt->total_salary, array('class' => 'form-control', 'id'=>'total_salary', 'disabled')) }}
                {{--    {{ Form::text('total_salary', $project->total_salary, array('class' => 'form-control', 'id'=>'total_salary', 'disabled')) }}--}}
                </td>
                <td>
                    <div class="dropdown">
                        <button type="button" class="btn btn-danger dropdown-toggle selDelete" data-toggle="dropdown">
                            <input id="check1" name="checkbox[]" type="checkbox" class="check" >
                            <span class="caret-hover caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="selDelete" role="menu">
                            <li><a href= "{{ route('user.projecttasks.destroy',array( $pt->id )) }}" data-method="delete" >Delete</a></li>                
                        </ul>   
                     </div>
                </td>
              </tr>
@endforeach
<script>
$(function(){
    updateTotal();
});
    var updateTotal = function(){
        var hour_salary = parseFloat($("#hour_salary").val()); // get number as float
        // alternately parseInt(string, 10), in case you work with integers
        var hour = parseFloat($("#hour").val());
        if (!isNaN(hour_salary)) { // the input is a number
            $("#total_salary").val(hour_salary * hour); // update second field
        } else { // the input wasn't a number
            $("#total_salary").val("not a number?"); // show an error mesage
        }
    };
        // we used jQuery 'keyup' to trigger the computation as the user type
    $("#hour_salary").keyup(function() { // when key is released in "#inputfield1"
    // "change()" is also possible instead of "keyup()", slightly different behavior
        updateTotal();
    });
        // we used jQuery 'keyup' to trigger the computation as the user type
    $("#hour").keyup(function() { // when key is released in "#inputfield1"
    // "change()" is also possible instead of "keyup()", slightly different behavior
        var hour_salary = parseFloat($("#hour_salary").val()); // get number as float
        // alternately parseInt(string, 10), in case you work with integers
        var hour = parseFloat($("#hour").val());
        if (!isNaN(hour_salary)) { // the input is a number
            $("#total_salary").val(hour_salary * hour); // update second field
        } else { // the input wasn't a number
            $("#total_salary").val("not a number?"); // show an error mesage
        }
    });
  </script>

有人能帮我吗？