title: JavaScript namespace in Module Pattern
body: <p>I was reading <a href="http://enterprisejquery.com/2010/10/how-good-c-habits-can-encourage-bad-javascript-habits-part-1/" rel="nofollow">How Good C# Habits can Encourage Bad JavaScript Habits</a> article about creating <code>namespace</code> and modular pattern but I don't understand the reason to use <code>$</code> and <code>jQuery</code> to create the namespace. Look at this code:</p>
  
  <pre><code>(function( skillet, $, undefined ) {
      //Private Property
      var isHot = true;
  
      //Public Property
      skillet.ingredient = "Bacon Strips";
  
      //Public Method
      skillet.fry = function() {
          var oliveOil;
  
          addItem( "\t\n Butter \n\t" );
          addItem( oliveOil );
          console.log( "Frying " + skillet.ingredient );
      };
  
      //Private Method
      function addItem( item ) {
          if ( item !== undefined ) {
              console.log( "Adding " + $.trim(item) );
          }
      }    
  }( window.skillet = window.skillet || {}, jQuery ));
  </code></pre>
  
  <p>Why is it sending <code>$</code> as parameter and then calling it with <code>jQuery</code>?</p>