Cacher is the code snippet organizer for pro developers

$("#EnergyCostsMonth").keyup(function() {
    updateCalcForm();
});

 $("#RoomType").change(function() {
    updateCalcForm();
});


function updateCalcForm() {
        var EnergyCostsMonth = $("#EnergyCostsMonth").val();
        var RoomType = $("#RoomType").val();
        var NumberPhases = $("#NumberPhases").val();
        var SlideRange = $("#slider-range .noUi-handle-lower").attr("aria-valuetext");

        $.post(
            "/local/templates/pesc2016/components/customize/super.comp/calc_form/ajax.php",
            {
                action: "calcform",
                EnergyCostsMonth: EnergyCostsMonth,
                RoomType: RoomType,
                NumberPhases: NumberPhases,
                SlideRange: SlideRange
            },
            onAjaxSuccess
        );

    }

    function onAjaxSuccess(data) {
        var respons = JSON.parse( data );
        if ( respons.SUCCESS == "ok" ) {
            console.log( respons );
            $("#Consuming").html( respons.CONSUMING );
            $("#Economy").html( respons.ECONOMY );
            $("#Payback").html( respons.PAYBACK );
        }

    }