title: Basic JS/HTML5 Canvas Issue
body: <p>I'm very new to JS with HTML5, and I cannot get a very basic piece of code to work. I have made the canvas, appended it to the body, and tried to write text, but nothing shows up.</p>
  
  <pre><code> &lt;!doctype html&gt;
  &lt;html lang="en"&gt;
      &lt;head&gt;
          &lt;meta charset='utf-8'&gt;
          &lt;title&gt;Test Game&lt;/title&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;script type="text/javascript"&gt;
              var CANVAS_WIDTH=480;
              var CANVAS_HEIGHT=320;
              var canvasElement=$("&lt;canvas width='"+ CANVAS_WIDTH +"'height='"+CANVAS_HEIGHT+"'&gt;&lt;/canvas&gt;");
              var canvas = canvasElement.get(0).getContext("2d");
              canvasElement.appendTo('body');
          &lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              var FPS = 30;
              setInterval(function(){
                  update();
                  draw();
              },1000/FPS);
              function update(){
  
              }
              function draw(){
                  canvas.fillStyle = "#000";//Sets colour to black
                  canvas.fillText("Sup Bro!",50,50);
              }
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>