Javascrit não funciona na minha tabela dinâmica

[Rodrigo Conceição dos Sant 0]

Boa tarde pessoal!

Preciso de uma ajudar urgente.

 

Eu estou tentando somar os valores de uma coluna da minha tabela em html, entretanto não está funcionando.
Quando eu coloco os dados fixos na coluna ele soma normal, mas se eu colocar para ser inseridos dinamicamente o calculo não é feito.

 

Segue o código das duas situações:

 

## Esse código funciona normal, vejam: ##

 

http://jsfiddle.net/rodrigo001santos/9bczs7a6/

## MAS QUANDO EU COLOCO PRA INSERIR DINÂMICAMENTE, NÃO FUNCIONA ##

http://jsfiddle.net/rodrigo001santos/xgL8d26h/

Desde já obrigado a todos!

[angelorubin 142]

Troca isso:

soma += Number( $( this ).html() ); 

Por isso:

soma += parseFloat($(this).text());

[angelorubin 142]

Tenta assim:

$(function() {
    $('#form_prepare').submit(function(e) {
        e.preventDefault();
        var $this = $(this);
        var tr = '<tr>' +
            '<td>' + $this.find("select[name='opcoes']").val() + '</td>' +
            '<td>' + $this.find("input[name='qtd']").val() + '</td>' +
            '<td><span class="subtotal2">' + $this.find("input[name='valor']").val() + '</span></td>' +

            '</tr>'
        $('#grid').find('tbody').append(tr);
        var soma = 0;
        $(".subtotal2").each(function() {
            soma += parseFloat($(this).text());
        });
        $("#resultado").text("R$ " + soma);
    });
});