Why is this not outputting my selection?
<p>The radio buttons have numeric values which will be added and displayed in the div: <code>sub-total-t</code></p>

<h1>JS</h1>

<pre><code>$(document).ready(function() {
  $('label').click(function() {
    var total = 0;
    $('.option:checked').each(function() {
      total += parseFloat($(this).data('number'))   
    });
    $('.sub-total-t').html('$' + total.toFixed(2));
  });
});
</code></pre>

<h1>HTML</h1>

<pre><code>&lt;label&gt;&lt;input type="radio" name="print" class="option" data-number="25" value="p10"/&gt; Starter 500 &lt;/label&gt;
&lt;div id="sub-pricing"&gt;
&lt;h3&gt; Sub-Total &lt;/h3&gt;
&lt;div class="sub-total-t"&gt;$&lt;/div&gt;
&lt;/div&gt; 
</code></pre>

<p>Why is this not displaying my value?</p>
