title: Four questions about nettuts "30 days to learn jquery"
body: <p>I'm doing a free jQuery course on nettuts called 30 days to learn jquery by Jeffrey Way and I have four things I'm really stumped about, first off here's the code:</p>
  
  <pre><code>(function() {
      $('html').addClass('js');
  
      var contactForm = {
              container: $('#contact'),
  
          init: function() {
              $('&lt;button&gt;&lt;/button&gt;', {
                  text: 'Contact Me'
              })
                  .insertAfter('article:first-child   ')
                  .on('click', this.show);
              },
          show: function() {
              contactForm.container.slideDown(500);
          }                       
      };
  
      contactForm.init(); 
  
  })();
  </code></pre>
  
  <p>It basically slides down a contact form when you click the "contact Me" button on the website. My questions are:</p>
  
  <ol>
  <li>Whats the whole point of "init" and do you need it?</li>
  <li>why is the whole jquery code inside of a variable?</li>
  <li>on the string of code that says <code>.on('click', this.show);</code> why do you need <code>this</code> in <code>this.show</code>?</li>
  <li>finally, why do you need <code>contactForm.container.slideDown(500);</code> as in why can't you just say <code>container.slideDown(500);</code> or <code>$('form.contact').slideDown(500);</code>  (by the way the id of the form that slides down is <code>contact</code>.</li>
  </ol>