Pequeña hoja de pedidos

[cargosan]

hola amigos estoy realizando una pequeña hoja de pedidos en la que tengo 3 campos por cada elemento que muesto: cantidad, precio, subtotal

Dado que saco los elemento por medio de php he hecho que los tres campos sean arrays para despues procesar el pedido en php.

mi problema es que me gustaria actualizar la hoja de pedido con jquery para que en cuanto cambie una de las cantidades pueda actualizarse todo.

el codigo que crea el form es el siguiente:

Código PHP:

       <?php 
        $resultado = $db->resultadoArray("SELECT * FROM productos ORDER BY id"); 
        foreach ($resultado as $result){ 
        ?> 
        <tr> 
        <td><?php echo '<span class="titulo">'.$result['titulo'].'</span> '.$result['descripcion']?></td> 
        <td><input type="text" name="cantidad[]" value="0" class="cantidad"/></td> 
        <td><input type="text" name="precio[]" value="<?php echo $result['precio'];?>" class="precio"/> 
        <td><input type="text" name="subtotal[]" value="0" class="subtotal"/></td> 
        </tr> 
        <?php 
        } 
        ?>   

Ahora he intentado que al hacer el evento on blur de cualquiera de los elementos de la clase cantidad los actualice todos:

Código Javascript:

<script type="text/javascript">
$(function() {
$(".cantidad").blur(function() {
$(".cantidad").each(function() {
     total += //calculo el total;
    subtotal =//calculo el subtotal de esa fila;
    $('').val(subtotal); le añado el valor del subtotal
});
$("#total").val(total);
});
});
</script>
 

Pero no se despues de mucho intentarlo como acceder a precio[] y subtotal[] en cada iteración.

¿Alguien puede echarme una mano?

Muchas gracias de antemano