Listing 5.10: number footnotes using wrap()/wrapAll().

Chapter 5/05.js

@@ -18,7 +18,10 @@ $(document).ready(function () {
   // insertBefore <elem> prependTo <children /> appendTo </elem> insertAfter
 
   // Create footnotes.
-  $('span.footnote').insertBefore('#footer');
   // This works just as well, in spite of what the book says.
   // $('span.footnote').insertAfter('div.chapter');
+  $('span.footnote')
+    .insertBefore('#footer')
+    .wrapAll('<ol id="notes"></ol>')
+    .wrap('<li></li>');
 });