title: Using javascript to change background image
body: <p>The page in question:
  <a href="http://www.reddit.com/r/pcmasterrace" rel="nofollow">http://www.reddit.com/r/pcmasterrace</a></p>
  
  <p>I want to change this image in the #header from</p>
  
  <p><a href="http://a.thumbs.redditmedia.com/Qe0ePtRsgau_YfN8wmTL67xCd8Y3y1YVcMDk8pdzai0.png" rel="nofollow">http://a.thumbs.redditmedia.com/Qe0ePtRsgau_YfN8wmTL67xCd8Y3y1YVcMDk8pdzai0.png</a></p>
  
  <p>to this new image</p>
  
  <p><a href="http://i.imgur.com/htDLyzu.png" rel="nofollow">http://i.imgur.com/htDLyzu.png</a></p>
  
  <p>Is there a way to do it by pasting code in the console panel? (client side)</p>
  
  <p>I tried:</p>
  
  <pre><code>var header = document.getElementById("header");
  header.style.backgroundImage = 'url(http://i.imgur.com/htDLyzu.png)  no-repeat!important';
  </code></pre>