Sample for moving footnotes using jQuery plugin

footnotes-0.0.2.js

(function ($) {
    $.fn.footnote = function () {
        // console.log("footnote");
        var footnotes = this.find("span.footnote");
        footnotes.each(function (key, value) {
            //console.log("footnote" + key + " : " + $(value).contents().text());
            var footnoteContentsNode = $(value).clone();
            var footnoteNumberTextNode = document.createTextNode("[" + key + "] ");
            $("#references").append(footnoteNumberTextNode).append(footnoteContentsNode).css("color", "blue").append("<br />");
            $(value).text("[" + key + "] ").css("color", "blue").css("vertical-align", "super").css("font-size", "60%");
        });
        return footnotes;
    };
}(jQuery));