I've used jQuery on and off for a couple of years but never enough to fully understand all the features. In the past I've used it to (say) sum up a column of inputs (on blur) and put the sum into a span as a total at the bottom of the column.

My challenge this time is that I've got to do subtotals. And I'm stuck. Hopefully the html below is self-explanatory. The html is dynamic but I have full control of it so I could add indexes or extra attributes etc. The number of inputs and subtotals is dynamic/variable.

Any help gratefully received.

2. <table>
3. <tr>
4. <td><input class="number" /></td>
5. </tr>
6. <tr>
7. <td><input class="number" /></td>
8. </tr>
9. <tr>
10. <td><span class="subtotal" /></td>
11. </tr>
12. <tr>
13. <td><input class="number" /></td>
14. </tr>
15. <tr>
16. <td><input class="number" /></td>
17. </tr>
18. <tr>
19. <td><input class="number" /></td>
20. </tr>
21. <tr>
22. <td><span class="subtotal" /></td>
23. </tr>
24. <tr>
25. <td><span class="total" /></td>
26. </tr>
27. </table>
28.