Javascript IIFE

HTML

<div id="log">
  <h3>Content:</h3>
</div>

JavaScript

(function ($) {
    var $log = $( "#log" ),
    str = "hello, my name is jQuery.",
    html = $.parseHTML( str ),
    nodeNames = [];
    
    // Append the parsed HTML
    $log.append( html );
 
    // Gather the parsed HTML's node names
    $.each( html, function( i, el ) {
        nodeNames[ i ] = "<li>" + el.nodeName + "</li>";    
    });
 
    // Insert the node names
    $log.append( "<h3>Node Names:</h3>" );
    $( "<ol></ol>" )
      .append( nodeNames.join( "" ) )
      .appendTo( $log );
}(jQuery))