title: Can I change a background color of a twitter bootstrap label with jquery?
body: <p>I'm using <a href="http://twitter.github.com/bootstrap/" rel="nofollow">twitter bootstrap</a> and I'm trying to change the background-color of a label.  I've allowed the user to change the color mappings so I can't simply change them in the style sheet.  My recent attempt is below:</p>
  
  <p>JQuery</p>
  
  <pre><code>var f_threshold_color = localStorage.getItem('f_threshold_color');  
  
  if (f_threshold_color) {
      $('.label-important').css('background-color', f_threshold_color);
  }
  </code></pre>
  
  <p>The HTML looks like this:</p>
  
  <pre><code>....
  &lt;td&gt;&lt;span class="label label-important"&gt;105&lt;/span&gt;&lt;/td&gt;
  ...
  </code></pre>
  
  <p>The style in twitter-bootstrap.css looks like this:</p>
  
  <pre><code>.label-important {
     background-color: #b94a48;
  }
  .label-important:hover {
     background-color: #953b39;
  }
  </code></pre>
  
  <p>Any idea why it's not using the new background color?</p>