title: Can't get Canvas to update via jQuery
body: <p>I'm trying to make an animation of a circle stroke that starts with a zero radius that eventually becomes a full radius.</p>
  
  <p>I'm trying to do it using the HTML5 Canvas and jQuery. The circle gets drawn once but doesn't animate.</p>
  
  <p><strong>The script:</strong></p>
  
  <pre><code>function calc(myVal) {
      var canvas = document.getElementById("myCanvas");
      var ctx = canvas.getContext("2d");
      var radius = 70;
  
      ctx.beginPath();
      ctx.arc(140, 140, 100, myVal * Math.PI, 0, false);
      ctx.lineWidth = 10;
      ctx.stroke();
  };
  $(document).ready(function() {
      var count = 0;
      var parsedCount;
      function go(){  
          if (count &lt;= 200) {
              parsedCount = count*.01
              $('#counter').html('&lt;p&gt;' + parsedCount + '&lt;/p&gt;');
              calc(parsedCount);
              count++;
          }
      }
      setInterval(go, 100)
  });
  </code></pre>
  
  <p><strong>The HTML:</strong></p>
  
  <pre><code>    &lt;canvas id="myCanvas" width="400" height="400" style="border: 1px solid #000"&gt;
  
      &lt;/canvas&gt;
      &lt;div id="counter" class="" style="height: 100px; width: 100px; border: 1px solid #000"&gt;
  
      &lt;/div&gt;
  </code></pre>