title: Creating Concentric Circles with JavaScript/jQuery
body: <p>I am trying to generate 10 concentric circles from one object with jQuery using a for loop.</p>
  
  <p>I've written this in my jsfiddle <a href="http://jsfiddle.net/JoshuaWaheed/NJkda/2/" rel="nofollow">http://jsfiddle.net/JoshuaWaheed/NJkda/2/</a>, which looks like this:</p>
  
  <pre><code>&lt;div class="circle"&gt;&lt;/div&gt;
  
  for(var count = 0; count &lt; 20; count++){
    var ten = 10;
    ten = ten + 30;
    $(".circle").css({"width":ten+"px","height":ten+"px"});
  };
  </code></pre>
  
  <p>How can I make this right? It seems to increase in width and height when I add the variable by any number such as 30 but doesn't bring out the result that it should.</p>