// JavaScript Document

$(document).ready(function() {
 
 /* UNCOMMENT EACH LINE TO SEE HOW THE HTML IS EFFECTED */
 
 $("#leftNav ul").wrap("<div class=\"red\"></div>");
 
 // $("#mainContent h2").wrap("<blockquote class=\"blue\"></blockquote>");
 
 // $("#mainContent h2").wrapAll("<blockquote class=\"blue\"></blockquote>");
 
 // $("#mainContent h2").wrap('<div class="shell"><div class="blue"></div><ul class="red"><li></li></ul></div>');
 
 // $("#mainContent h2").wrapAll('<div class="shell"><div class="blue"></div><ul class="red"><li></li></ul></div>');
 
 //$("#mainContent p").wrapInner("<a href=\"#\"></a>"); // puts an <a> between the <p> and the <p>'s first child.
 
  //$("#mainContent").wrapInner("<blockquote class=\"blue\"></blockquote>"); // wraps all the children of #mainContent into one parent <blockquote>

 
});