title: To what does 'body' refer in this code?
body: <p>I have this simple piece of code in <code>jQuery</code></p>
  
  <pre><code>$(document).ready(function() {
      $('#switcher').click(function(event) {
             if ($(event.target).is('.button')) {
              $('body').removeClass();
                  if (event.target.id == 'switcher-narrow') {
                 $('body').addClass('narrow');
              }
              $('#switcher .button').removeClass('selected');
              $(event.target).addClass('selected');
          }
      });
  });
  </code></pre>
  
  <p>for this html code : </p>
  
  <pre><code>&lt;body&gt;
      &lt;div id="switcher" &gt;
          &lt;h3&gt;Style Switcher&lt;/h3&gt;
          &lt;div class="button selected" id="switcher-default"&gt;
          Default
          &lt;/div&gt;
          &lt;div class="button" id="switcher-narrow"&gt;
          Narrow Column
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I have a very simple, yet tricky question (at least for me) : what does <code>body</code> refer to ? </p>
  
  <p>I imagine that it encapsulates everything under <code>#switcher</code> but then my <code>h3</code> style would disappear on click. </p>