title: Is it possible to override / remove background: none!important with jQuery?
body: <p>I have an element which should have a background image, but it's been given the following style in a stylesheet that I'm not able to access/modify:</p>
  
  <pre><code>#an-element li {
    background: none !important;
  }
  </code></pre>
  
  <p>Is it possible to undo that style with jQuery? I've tried to add <code>background: inhert!important</code> with jQuery in two ways: by adding an inline style, and by removing an applied style. Neither work.</p>
  
  <p>Here is a Fiddle illustrating the problem: <a href="http://jsfiddle.net/9bJzk/1/">http://jsfiddle.net/9bJzk/1/</a></p>
  
  <p>UPDATE: I had the wrong fiddle link, please look again.</p>
  
  <p>UPDATE 2: I cannot edit the stylesheet. I've changed the title to be more clear now. I have to do this with jQuery as I can't control the loading order of the CSS files, but can run jQuery onload.</p>
  
  <p>UPDATE 3: I can't explicitly set the 'kitten' pic (see the fiddle) with a more accurate CSS selector like selector like <code>#an-element .image-list li</code> as some are suggesting as those images are being written out on the fly. The jsFiddle was just an example. To make it clearer still: Can the effects of the <code>background: none</code> be undone with PURE jQuery and NOT editing of any stylesheets. Thanks for sticking with this!</p>