title: Changing background image of element in jQuery when page loads?
body: <p>I'm a bit stuck right now, I basically have my header element in the DOM and I have a background image hard coded in the CSS for the index page. </p>
  
  <p>What I was looking to do was for this image to change on different pages. I thought this was going to be a pretty simple thing to do.</p>
  
  <pre><code>$('header').css("background-image","url(assets/img/consulting.png)")
  </code></pre>
  
  <p>I realise there is no event trigger, but I was under the impression that I wouldn't need to actually do that. </p>
  
  <p>Also my CSS file and file for the page I'm adding the jQuery to are in different folders as is the img folder... I'm unsure where how I should be calling the url in the jQuery code. Should it be as though navigating from the CSS file or the HTML file? </p>
  
  <p>Thanks guys, sorry if I missed something really obvious here.</p>