Sumatoria de campos con jQuery

[juniorhernandezg]

Hola, como estan?

Tengo un problema, quiero actualizar un campo sumando unas variables dependiendod de las cantidades que selecciono con un SELECT.

El valor donde se actualiza es con esta etiqueta:
<span style='font-size: 26px' id="total_price">{{ package.price }}</span>


Pero solo me esta actualizando el campo $adult_price y no la sumatoria de los otros dos campos $child_price + $infant_price.

Esta algo mal en el jQuery?

Código Javascript:

var $adult_price = 500
    var $child_price = 20
    var $infant_price = 30
 
    $("#adult").change(function() {
    $("#total_price").html($adult_price * $(this).val() + $child_price * $("#child").val() + $infant_price * $("#infant").val());
    });