jquery - テーブルの行をループし、入力値を計算 (乗算) し、結果を別の入力に設定する

Question

このhtmlを考えると：

<table class="hours-table">
    <tr>
        <th>Hours</th>
        <th>Hourly Rate</th>
        <th>Date Total</th>
    </tr>
    <tr>
        <td class="hours"><input type="text" class="hours" name="hours-01" value="" /></td>
        <td class="rate"><input type="text" class="rate" name="rate-01" value="" /></td>
        <td class="date-total"><input type="text" class="date-total" name="date-total-01" value="" /></td>
    </tr>
</table>

<p><a class="calculate" href="#" title="calculate row">Calculate</a></p>

行をループして、各行の時間とレートの値を取得し、それらを乗算して、その値を「日付合計」入力に設定しようとしています (必ずしも合計の入力である必要はありませんが、複数の列でも別の計算を行っている）

これらの値を取得するための千の試行が機能しない理由を何時間も頭を悩ませています。

$('.calculate').on('click', function() {
    $('.hours-table tr').each(function() {
        var hours = $(this).find('input.hours').val(); // nope
        var hours = $('input.hours', this).val(); // nope
        var hours = $('input.hours', $this).val(); // nope
        //var dateTotal = (hours * rate);
        //$(this).find('input.date-total').val(dateTotal);
        return false;
    }) //END .each
}) // END click

このループで一体何が間違っているのでしょうか?