Listing 5.13: using inverted dom manip to chain actions.

Chapter 5/05.js

@@ -20,7 +20,9 @@ $(document).ready(function () {
   // Create footnotes.
   var $notes = $('<ol id="notes"></ol>').insertBefore('#footer');
   $('span.footnote').each (function (index) {
-    $('<sup>' + (index + 1) + '</sup>').insertBefore(this);
-    $(this).appendTo($notes).wrap('<li></li>');
+    $(this)
+      .before('<sup>' + (index + 1) + '</sup>')
+      .appendTo($notes)
+      .wrap('<li></li>');
   });
 });