Listing 5.9: moving footnotes with insertBefore().

Chapter 5/05.js

@@ -16,4 +16,9 @@ $(document).ready(function () {
   $('<a href="#top">back to top</a>').insertAfter('div.chapter p');
   $('<a id="top"></a>').prependTo('body');
   // 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');
 });