Al eliminar restar valor de fila a caja de texto

[neveuster]

Estimados... tengo el siguiente código

Código:

<table>
    <tr>
        <td><input type="button" onclick="remove(this)" value="Eliminar" /></td><td>dato</td><td><input type="text" name="valor" id="valor" value="32"></td>
    </tr>
    <tr>
        <td><input type="button" onclick="remove(this)" value="Eliminar" /></td><td>dato</td><td><input type="text" name="valor" id="valor" value="40"></td>
    </tr>
    <tr>
        <td><input type="button" onclick="remove(this)" value="Eliminar" /></td><td>dato</td><td><input type="text" name="valor" id="valor" value="18"></td>
    </tr>
    <tr>
        <td>TOTAL:<input type="text" name="total" id="total" value="300"></td>
    </tr>
</table>

Código Javascript:

function remove(t)
    {
        var td = t.parentNode;
        var tr = td.parentNode;
        var table = tr.parentNode;
        table.removeChild(tr);
    }
 

como hago para que al eliminar una fila me reste su valor al campo de texto "total" que se encuentra abajo??

he intentado poner algo como esto en la función pero no me resulta...

Código Javascript:

var tot = $("#valor").val();
        var p = document.getElementById("total");
        var dinero=parseInt(p.value);
        p.value=dinero-tot
 

bueno, les ruego me ayuden ya que no he podido hacerlo.. saludos y gracias.