title: Changing background color of div on scroll
body: <p><a href="http://jsfiddle.net/ncuydr9y/" rel="nofollow">http://jsfiddle.net/ncuydr9y/</a></p>
  
  <p>BG color should be #1A1A1A on start then change after scrolling 210 px. Not sure where I'm going wrong.</p>
  
  <pre><code>$(document).ready(function(){       
          var scroll_pos = 0;
          $(document).scroll(function() { 
              scroll_pos = $(this).scrollTop();
              if(scroll_pos &gt; 210) {
                  $("#left-panel").css('background-color', '#1A1A1A');
              } else {
                  $("#left-panel").css('background-color', 'red');
              }
          });
      });
  </code></pre>