title: Jquery won't recognize variables
body: <p>I have some attributes that I am trying to change with the <code>.css</code> in jquery but for some reason the code does not work. Is there something wrong with the parenthesis?</p>
  
  <p>the original value is set as so <code>padding: 40px 0 0;</code></p>
  
  <p>here is the jquery that changes the above value:</p>
  
  <pre><code>var header = $('#main'),
      padding = '40px';
  
  $(window).scroll(function() {
      if ($(this).scrollTop() &lt;= padding / 2) {
          header.css({
              'padding-top': -($(this).scrollTop() - padding) + "px",
              'padding-bottom': -($(this).scrollTop() - padding) + "px"
          });
  </code></pre>