title: Change attributes in CSS class with JQuery
body: <p>I can't figure out how I can change an attribute in a CSS Class. Right now I add a style to that specific div, but what I want is for the attribute in the CSS class to be changed, and not just overridden by the new style attribute.</p>
  
  <p>An example:</p>
  
  <pre><code>.example{background-color:blue}
  
  &lt;div class="example"&gt;example&lt;/div&gt;
  </code></pre>
  
  <p>So how can I then change the background-color in the .example CSS and not just by overriding it like this:</p>
  
  <pre><code>&lt;div class="example" style="background-color:blue"&gt;example&lt;/div&gt;
  </code></pre>
  
  <p>I have tried a lot of things, but I cant figure it out. I have tried <code>.attr()</code> and <code>.css()</code>, but am I missing something.</p>