Campo Input não esta somando

[raphaelgs 0]

Os valores dos value estão aparecendo mais não estão somando apos carrego a pagina.  segue em anexo o print da tela quando carrego a pagina .

 

Meu código HTML

 <section class="despesas">
    <h2>Despesas</h2>
   <div class="caixa-principal col-md-12">
      <p class="campo1"><span>Mensalidade Faculdade: </span>R$<input id="mensalidade" value="<?php echo get_post_meta( $post->ID,'mensalidade-faculdade', true ); ?>"    readonly></p>

      <p class="campo1"><span>Aluguel: </span>R$<input id="aluguel" value="<?php echo get_post_meta( $post->ID,'aluguel', true ); ?>"readonly></p>

      <p class="campo1"><span>Água: </span>R$<input id="agua" value="<?php echo get_post_meta( $post->ID,'agua', true ); ?>"readonly></p>

      <p class="campo1"><span>Luz: </span>R$<input id="luz" value="<?php echo get_post_meta( $post->ID,'luz', true ); ?>"readonly></p>

      <p class="campo2"><span>Telefone/Internet: </span>R$<input id="telefone" value="<?php echo get_post_meta( $post->ID,'telefone-internet', true ); ?>"readonly></p>

      <p class="campo1"><span>IPTU: </span>R$<input id="iptu" value="<?php echo get_post_meta( $post->ID,'iptu', true ); ?>"></p>

      <p class="campo1"><span>Financiamento de Imóvel: </span>R$<input id="imovel" value="<?php echo get_post_meta( $post->ID,'financiamento-imovel', true ); ?>"readonly></p>

      <p class="campo1"><span>Financiamento de Veículo: </span>R$<input id="veiculo" value="<?php echo get_post_meta( $post->ID,'financiamento-veiculo', true ); ?>"readonly></p>

      <p class="campo1"><span>Alimentação: </span>R$<input id="alimentacao" value="<?php echo get_post_meta( $post->ID,'alimentacao', true ); ?>"></p>

       <p class="campo1"><span>Medicamentos: </span>R$<input id="medicamentos" value="<?php echo get_post_meta( $post->ID,'medicamentos', true ); ?>"readonly></p>

       <p class="campo1"><span>Convênio Médico: </span>R$<input id="medico" value="<?php echo get_post_meta( $post->ID,'convenio-medico', true ); ?>"readonly></p>

       <p class="campo1"><span>Convênio Odontológico: </span>R$<input id="odontologico" value="<?php echo get_post_meta( $post->ID,'convenio-odontologico', true ); ?>"readonly></p>

       <p class="campo1"><span>Convênio Funerária : </span>R$<input id="funeraria" value="<?php echo get_post_meta( $post->ID,'convenio-funeraria', true ); ?>"readonly></p>

       <p class="campo1"><span>Transporte: </span>R$<input id="transporte" value="<?php echo get_post_meta( $post->ID,'transporte', true ); ?>"readonly></p>

       <p class="campo1"><span>Outros gastos: </span>R$<input id="outrosGastos" value="<?php echo get_post_meta( $post->ID,'outros-gastos', true ); ?>" readonly></p>

        <br><br>
        <p><span>Total das Despesas:</span>R$<input id="totalDespesas"></p>    
    </div>

</section>

 

Meu jQuery

<script type="text/javascript">
        jQuery(document).ready(function($) {
            $(document).ready(function() {
                $("#aluno,#membro1,#membro2,#membro3,#membro4,#membro5,#membro6,#membro7,#membro8,#membro9").on('keyup', function() {
                    var aluno = parseFloat($('#aluno').val()) || 0;
                    var membro1 = parseFloat($('#membro1').val()) || 0;
                    var membro2 = parseFloat($('#membro2').val()) || 0;
                    var membro3 = parseFloat($('#membro3').val()) || 0;
                    var membro4 = parseFloat($('#membro4').val()) || 0;
                    var membro5 = parseFloat($('#membro5').val()) || 0;
                    var membro6 = parseFloat($('#membro6').val()) || 0;
                    var membro7 = parseFloat($('#membro7').val()) || 0;
                    var membro8 = parseFloat($('#membro8').val()) || 0;
                    var membro9 = parseFloat($('#membro9').val()) || 0
                    var totalRendaMembros = aluno + membro1 + membro2 + membro3 + membro4 + membro5 + membro6 + membro7 + membro8 + membro9;

                    $('#totalRenda').val(totalRendaMembros);
                });
            }); 
        });
    </script>