SO Help: Need help about a function

http://stackoverflow.com/questions/16401965/need-help-about-a-function

by SpYk3

HTML

<button id="createDiv">Start</button>
    <div id="results"></div>

CSS

#createDiv, #results span { cursor: pointer; }
    #results div {
        background: #FFA;
        border: 1px solid;
        margin: 1em;
        padding: 1em 1em 2em;
    }
    #results input[type=text] {
        border: none;
        display: none;
        outline: none;
    }

JavaScript

//  Call for document .onload event
    $(function() {
        //  Normal Click event asignement, same as $("#createDiv").click(function
        $("#createDiv").on("click", function(e) {
            //  Simply creating the elements one by one to remove confusion
            var newDiv = $("<div />", { class: "new-folder" }),  //  Notice, each child variable is appended to parent
                newInp = $("<input />", { name: "inpTitle[]", type: "text", value: "New Folder", class: "title-inp" }).appendTo(newDiv),
                newSpan = $("<span />", { id: "myInstance2", text: "New Folder", class: "title-span" }).appendTo(newDiv);
            //  Everything created and seated, let's append this new div to it's parent
            $("#results").append(newDiv);
        });
        
        //  the following use the ".delegate" side of .on
        //  This means that ALL future created elements with the same classname, 
        //    inside the same parent will have this same event function added
        $("#results").on("click", ".new-folder .title-span", function(e) {
            //  This hides our span as it was clicked on and shows our trick input, 
            //    also places focus on input
            $(this).hide().prev().show().focus();
        });
        $("#results").on("blur", ".new-folder .title-inp", function(e) {
            //  tells the browser, when user clicks away from input, hide input and show span
            //    also replaces text in span with new text in input
            $(this).hide().next().text($(this).val()).show();
        });
        //  The following sures we get the same functionality from blur on Enter key being pressed
        $("#results").on("keyup", ".new-folder .title-inp", function(e) {
            //  Here we grab the key code for the "Enter" key
            var eKey = e.which || e.keyCode;
            if (eKey == 13) { // if enter key was pressed then hide input, show span, replace text
               ...