calcular total

[destor77]

Hola,
tengo el siguiente formulario

Código HTML:

<form action="#" method="post" id="total" onsubmit="submitAjax(this.id,'index.php?controlador=index&amp;accion=cerrarVenta','tabla',1);" class="form label-inline" enctype="multipart/form-data">
            <input type="hidden" value="<?php echo count($productos);?>" name="totalregistros"/>
            <div id="tabla">
                <!-- Start Table -->
                <table id="totalprecio" cellpadding="0" cellspacing="0" style="font-size:16px;">
                <thead>
                    <tr>
                    <td class="th" width="10%">#</td>
                    <td class="th" width="20%">C&oacute;digo</td>
                    <td class="th" width="30%">Nombre</td>
                    <td class="th" width="10%">Cantidad</td>
                    <td class="th" width="10%">Total</td>
                    </tr>
                </thead>
 
                <tbody>
                    <?php
                    for($i=0;$i<count($productos);$i++){
                    ?>
                    <tr>
                    <td class="alt"><?php echo $productos[$i]['idventas'];?></td>
                    <td class="alt"><input type="hidden" value="<?php echo $productos[$i]['idproductos'];?>" name="idproductos[]"/><?php echo $productos[$i]['idproductos'];?></td>
                    <td class="alt"><?php echo $productos[$i]['nombre'];?></td>
                    <td class="alt"><input type="hidden" value="<?php echo $productos[$i]['cantidad'];?>" name="cantidad[]"/><?php echo $productos[$i]['cantidad'];?></td>
                    <td class="alt"><input type="hidden" value="<?php echo $productos[$i]['importe'];?>" name="importe[]"/><?php echo "$ ".$productos[$i]['importe'];?></td>
                    </tr>
                    <?php
                    }
                    ?>
                    <tr>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    <td class="alt" style="border-top: 1px solid #000;"></td>
                    </tr>
                </tbody>
 
 
                </table>
                <p style="text-align:right; font-size: 24px;">Total: <span id="sumatotal">$</span></p>
                <!-- End Table -->
            </div>
            <div class="buttonrow">
                <input type="hidden" name="id_user" value="<?php echo $datos->id_user;?>"/>
                <button type="submit"><span>Cerrar Venta</span></button>
            </div>
            </form>
 

Lo que necesito hacer con jquery es que me sume el valor que tiene todos los inputs importe y ese total me lo agregue en el span sumatotal.
Pero no tengo la mas palida idea de como hacerlo, alguien me puede guiar un poco como hacerlo.....
Desde ya muchas gracias