title: Change Body Background-Color on.Click to apply site-wide and on refresh?
body: <p>I would like to change the background-color of the body (and for a few modal elements) site-wide when a user toggles between two radios..</p>
  
  <p>Here's the html for the radio buttons:</p>
  
  <pre><code>  &lt;div class="btn-group btn-group-xs" data-toggle="buttons"&gt;
      &lt;label class="btn btn-default lightBtn"&gt;
        &lt;input type="radio" name="options" id="light"&gt; Light
      &lt;/label&gt;
      &lt;label class="btn btn-default darkBtn"&gt;
        &lt;input type="radio" name="options" id="dark"&gt; Dark
      &lt;/label&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>And the jquery that I've tried for the event, which has yet to change the background-color..</p>
  
  <pre><code>$( function() {
     $('#lightBtn').click( function() {
       $('body').css('background', 'white' );    
     });
     $('#darkBtn').click( function() {
       $('body').css('background', 'black' );    
     });
  });
  </code></pre>
  
  <p>Also, the toggle on the btns resets from page to page.. is there jquery event language to maintain the toggle selection cross-page?</p>