jQuery explanation needed regarding this code
<p>I recently read a jQuery tutorial about best practices.  I usually run all my functions from one js file called global, but the article advised not to do this.  Below is the code that should be used with inline javascript, called on the page that needs the function:</p>

<pre><code>&lt;script type="text/javascript&gt;
mylib.article.init();
&lt;/script&gt;
</code></pre>

<p>What I don't understand is the code below.  The tutorial didn't go into any detail; what it is doing?</p>

<pre><code>var mylib =
{
    article_page :
    {
     init : function()
     {
      // Article page specific jQuery functions.
     }
    },
    traffic_light :
    {
     init : function()
     {
      // Traffic light specific jQuery functions.
     }
    }
}
</code></pre>
