JQuery / JavaScript: перебирайте поля формы, выполняйте вычисления, затем отправляйте

Сейчас мой код очень "жестко запрограммирован" и повторяется. Я хотел бы знать, есть ли более чистый способ сделать следующее. В идеале, я хочу перебирать поля своих форм с помощью цикла и вычислять результаты с одним утверждением, но я изо всех сил пытаюсь понять, как это сделать.

Резюме. У меня есть десять полей формы, каждое из которых имеет четкое десятичное значение, которое пользователь может или не может предоставить. Когда пользователь нажимает submit, он должен добавить значение в поле ввода со значением, отображаемым на текущей странице HTML, а затем вставить в БД.

Во-первых, я беру это значение из поля ввода формы и преобразую его в число с двумя знаками после запятой. Затем я хватаю текущую сумму из HTML и добавляю два числа вместе. После этого я ввожу эту сумму обратно в поле ввода формы, чтобы ее можно было сохранить в $_POST и вставить в базу данных.

Как я могу сделать свой код более СУХОЙ (т.е. Не повторяться)? Ниже приведены только два примера, но они абсолютно одинаковы, за исключением вызовов элементов:

var subtotal = Number($("#housing").val());
subtotal = (subtotal).toFixed(2);
var currentTotal = $('#output-housing').html().replace("$", "");
var total = Number(subtotal) + Number(currentTotal);
$('#housing').val(total);

var subtotal = Number($("#utilities").val());
subtotal = (subtotal).toFixed(2);
var currentTotal = $('#output-utilities').html().replace("$", "");
var total = Number(subtotal) + Number(currentTotal);
$('#utilities').val(total);

Я бы хотел, чтобы я повторял свои поля ввода так, но я пытаюсь понять, как я могу отобразить логику внутри:

var input = $('.form-expenses :input');
input.each(function() {
    // Insert switch statement here??  Some other construct??
});

HTML: (использует классы Bootstrap 3)

ФОРМА:

<form class="form-expenses form-horizontal" role="form" method="post" action="/profile/update">
    <div class="form-group">
        <label for="housing" class="control-label col-sm-3">Housing</label>
        <div class="input-group input-group-lg col-sm-9"> 
            <span class="input-group-addon">$</span> 
          <input type="text" class="form-control" name="housing" id="housing" />
        </div>
    </div>
    <div class="form-group">
        <label for="utilities" class="control-label col-sm-3">Utilities</label>
        <div class="input-group input-group-lg col-sm-9"> 
            <span class="input-group-addon">$</span>
          <input type="text" class="form-control" name="utilities" id="utilities" />
        </div>
    </div>
...
<button class="btn btn-lg btn-primary btn-block" id="update-expenses" type="submit"> Update</button>

</form>

ВЫВОД:

<tr>
  <td>Housing</td>
  <td id="output-housing">$<?php echo $total['housing']?></td>
</tr>

<tr>
  <td>Utilities</td>
  <td id="output-utilities">$<?php echo $total['utilities']?></td>
</tr>