title: Add class to canvas element HTML5 & CreateJS
body: <p>I am generating 5 circles with a for loop in a canvas and I want to give them a class so I can control them with jquery, but I am doing something wrong. Can you guys figure out what's happening?</p>
  
  <pre><code>var stage;
  var quantity = 6,
      width = 60,
      height = 60,
      circles = [];
  
  function init(){
      stage = new createjs.Stage("myCanvas");
      stage.width = 500;
      stage.height = 600;
      createjs.Ticker.setFPS(60);
      createjs.Ticker.addEventListener("tick", onTick);
      setupGame();
  }
  
  function setupGame() {
      for(var i = 0; i &lt; quantity; i++) {   
           var circle = document.createElement("img");
           circle.setAttribute('src', 'images/circles/circle'+i+'.png');
           circle.className = "circle";
           circle.style.position = "absolute";
           circle.style.left = Math.floor((Math.random() * 100)) + "%";
           circle.style.top = Math.floor((Math.random() * 100)) + "%";
           circle.style.width = width + "px";
           circle.style.height = height + "px";
           document.body.appendChild(circle);
           circles.push(circle);
      }
  }
  
  function onTick(e){
      stage.update(e);
  }
  </code></pre>
  
  <p>NEW VERSION. With the help from JonnyD, I now have a functional loop. The only problem is that the images get appended to the body, and not to my stage. I have tried stage.appendChild(circle), but it's not working.</p>
  
  <p>Here is a link to an online source so you guys can check it out = <a href="http://simeriaionut.com/keafocus/" rel="nofollow"><strong>LINK</strong></a></p>