title: can jquery manipulate the global css definition of the document?
body: <p>i'm trying to make a checkbox that will hide a specific css class when clicked, but i also want this effect to apply to all future objects that get that specific class.</p>
  
  <p>for example: i have 2 divs:</p>
  
  <p>divA is of class abc</p>
  
  <p>divB has no class</p>
  
  <p>i want the checkbox to hide all divs of class <code>abc</code>, this is easy, using <code>$(".abc").hide()</code>. but the problem is that if another part of the site made divB of class <code>abc</code> later on, then it won't be hidden. because the jquery code would've only applied to divA at the time.</p>
  
  <p>what i'm trying to do is make the checkbox manipulate the global css definition of the document. so when the user clicks the checkbox, i would change the <code>abc</code> class to be hidden, and later whenever any div joins that class, it would be hidden.</p>
  
  <p>is this possible in jquery?</p>