Как добавить все значения td и отобразить в текстовом поле, используя JavaScript?

Question

Это мой блейд-файл для исправления имени.

 <tr class="gradeU">    
    <td class="amount">{{ number_format($data->amount) }}</td>       
  </tr>

 <div class="control-group" style="float:right;">
     <div class="controls">
        <h5> Total Amount </h5> <input type="text" id="total" name="total">
      </div>
 </div>

<script type="text/javascript">
$(document).ready(function(){
  var sum = 0;
  $(".gradeU .amount").each(function() {
  var value = $(this).text();
});
 var total = sum + value;
  alert(sum);
});
</script>

Здесь у меня есть 5 значений в количестве т. Е. 1000, 2000, 3000, 4000, 5000. Теперь я хочу показать сумму всех этих значений из суммы td в общем текстовом поле при загрузке страницы.

Итак, я написал сценарий, но он не работает?