title: Overriding body background with JQuery?
body: <p><code>$('body').css('background-color', 'blue');</code> does not work for me. </p>
  
  <p>There seems to be other matched CSS rules that prevail on the page.</p>
  
  <p>Is there a way I can force this CSS to work? This also doesn't work when I try background-image...</p>
  
  <p>With Google Chrome's CSS explorer there are three different matched CSS rules for body.</p>
  
  <p>I don't understand how this works and why this above JQuery isn't working.</p>
  
  <p>Feed me knowledge please!</p>
  
  <p>[EDIT]</p>
  
  <p>The answer is perfect for overriding CSS! Thanks</p>
  
  <p>Note: Clear cache and browsing data from the beginning of time, it helps ;) </p>