[Javascript]Correct and elegant formatting/syntax of a Javascript snippet
The question I would like to ask is if the Javascript snippet below is well formatted and structered in terms of Javascript/jQuery syntax, readability and speed. 

The function of this piece of code is to provide a tabbed interface where through clicking the tabs different parts of content are shown. I could of course use a plugin, however I'd like to keep it simple. It works fine the way I wrote it now, but I would like to know if there are improvements to be made in order to learn a correct style and manner of coding.


    // Wrap in anonymous function to not pollute the global namespace
    (function() {
		// Hide all wrappers. 
        // If javascript is disabled then all wrappers have to be visible.
		$('#main .wrapper').hide();

		// Show selected wrapper. This class is set in the HTML that is loaded.
        // The wrapper has the id of the html, perhaps using href is better?
		var html = $('.nav a.selected').html().toLowerCase();
		$('#main #' + html).show();
		
		// Show selected wrapper on click event
		$('.bewerken_nav a').click(function(){
			// Remove selected class all tabs
			$('.nav a').removeClass('selected');
			
			// Hide all wrappers and remove selected class from all wrappers
			$('#main .wrapper').hide();
						
			// Add selected class to new tab
			$(this).addClass('selected');
						
			//Show selected wrapper
			var html = $(this).html().toLowerCase();
			$('#main #' + html).show();
			
			return false;
		});
	}());

I hope you can give me some advise and suggestions for correct and elegant coding. Thanks in advance!
[Javascript]Correct and elegant formatting/syntax of a Javascript snippet
===

The question I would like to ask is if the Javascript snippet below is well formatted and structered in terms of Javascript/jQuery syntax, readability and speed. 

The function of this piece of code is to provide a tabbed interface where through clicking the tabs different parts of content are shown. I could of course use a plugin, however I'd like to keep it simple. It works fine the way I wrote it now, but I would like to know if there are improvements to be made in order to learn a correct style and manner of coding.


    // Wrap in anonymous function to not pollute the global namespace
    (function() {
		// Hide all wrappers. 
        // If javascript is disabled then all wrappers have to be visible.
		$('#main .wrapper').hide();

		// Show selected wrapper. This class is set in the HTML that is loaded.
        // The wrapper has the id of the html, perhaps using href is better?
		var html = $('.nav a.selected').html().toLowerCase();
		$('#main #' + html).show();
		
		// Show selected wrapper on click event
		$('.bewerken_nav a').click(function(){
			// Remove selected class all tabs
			$('.nav a').removeClass('selected');
			
			// Hide all wrappers and remove selected class from all wrappers
			$('#main .wrapper').hide();
						
			// Add selected class to new tab
			$(this).addClass('selected');
						
			//Show selected wrapper
			var html = $(this).html().toLowerCase();
			$('#main #' + html).show();
			
			return false;
		});
	}());

I hope you can give me some advise and suggestions for correct and elegant coding. Thanks in advance!