title: jQuery - Parallax Effect - Change Background Position to "Center Center"
body: <p>I've implemented the below jQuery parallax effect into my website (taken from <a href="http://www.brandaiddesignco.com/insights/parallax-scrolling-made-easy/" rel="nofollow">http://www.brandaiddesignco.com/insights/parallax-scrolling-made-easy/</a>):</p>
  
  <pre><code>var top_header = '';
  $(document).ready(function(){
    top_header = $('.header-container');
  });
  $(window).scroll(function () {
    var st = $(window).scrollTop();
    top_header.css({'background-position':"center "+(st*.5)+"px"});
  });
  </code></pre>
  
  <p>It works great, and all I needed to do was simply applying it to the class containing the background.  However, the starting position of the background image is top center and I would like to change it to center center.  I have tried changing the code to the following, which made the plugin stop working:</p>
  
  <pre><code>top_header.css({'background-position':"center center"+(st*.5)+"px"});
  </code></pre>
  
  <p>Any suggestions?</p>
  
  <p>Thanks!</p>