// JavaScript Document

$(document).ready(function() {
 
 $("#leftNav ul").append("<li>after the last &lt;li&gt;</li>");
 $("#leftNav ul").prepend("<li>before the first &lt;li&gt;</li>");
 $("#leftNav ul").append($("#mainContent h2").html());
 //var myText =  $("#mainContent h2").html();
 //$("#leftNav ul").append(myText);
 
 $("#leftNav ul").before("<h2>Left Navigation</h2>"); // adds header before the <ul>
 $("#leftNav ul").after("<h4>New Header</h4>"); // adds header after the <ul>
 $("#leftNav h4").after($("#mainContent h2").html());
 
});