title: jQuery - Add ID instead of Class
body: <p>I'm using the current <a href="http://en.wikipedia.org/wiki/JQuery" rel="noreferrer">jQuery</a>:</p>
  
  <pre><code>$(function() {
      $('span .breadcrumb').each(function(){
          $('#nav').addClass($(this).text());
          $('#container').addClass($(this).text());
          $('.stretch_footer').addClass($(this).text())
          $('#footer').addClass($(this).text());
      });
  });
  </code></pre>
  
  <p>It applies the text held in the breadcrumb to 4 elements on the page, allowing me to style specifically to the page there on.</p>
  
  <p>I'd like to try adding an ID instead of a class, how can I achieve this?</p>