title: Create a new (permenant) CSS style in jQuery
body: <p>I want to create a new style, not just alter the style attribute of an element. Here's some example code to demonstrate the problem:</p>
  
  <pre><code>//Create 1st element
  var element1 = $('&lt;div /&gt;').text('element1').addClass('blue');
  $('body').append(element1);
  
  //Set some css for all elements with the blue class
  $('.blue').css('background-color', 'blue');
  
  //Create 2nd element, it won't have the css applied because it wasn't around when the css was set
  var element2 = $('&lt;div /&gt;').text('element2').addClass('blue');
  $('body').append(element2);​
  </code></pre>
  
  <p>In the code above the 2nd element does not have the same style as the 1st. What I would like is to be able to set the css on a className for all future elements.</p>
  
  <p><a href="http://jsfiddle.net/YenN4/1/" rel="noreferrer">JSFiddle</a></p>