I am starting to work with Backbone JS but, the problem is am not an expertised in JQuery.

So having problem understanding the below code. 

Can someone help me out understand line by line execution of this JS code

Right from the beginning. Would really appreciate the effort. 

 

What is function($) till the end (jQuery);

1. 
   
2. (function($){
3. 
   
4. var ListView = Backbone.View.extend({
5.     el: $('body'), // attaches `this.el` to an existing element.
6. 
   
7. 
   
8.     initialize: function(){
9.       _.bindAll(this, 'render'); // fixes loss of context for 'this' within methods
10. 
    
11. 
    
12.   this.render(); // not all views are self-rendering. This one is.
13.     },
14. 
    
15.     render: function(){
16.       $(this.el).append("<ul> <li>hello world</li> </ul>");
17.     }
18.   });
19. 
    
20.    var listView = new ListView();
21. })(jQuery);