Sum the contents of divs when their corresponding checkbox is clicked
<p>I have the following code in a loop reading the contents of a folder:</p>

<pre><code>&lt;div class="oddrow"&gt;
    &lt;span class="title"&gt;1 - 1215 - Magna Carta&lt;/span&gt;&lt;br/&gt;
    &lt;span class="size"&gt;size: 229.1 MB&lt;/span&gt;
    &lt;input name="1215 - Magna Carta" type="checkbox"&gt;
&lt;div&gt;
</code></pre>

<p>When the checkbox gets checked I want to have the sizes of each record added up in a separate div:</p>

<pre><code>&lt;div id="total&gt;total = &lt;/div&gt;
</code></pre>

<p>How can I do this?</p>
