title: Passing 'event' into the function as an argument
body: <p>I'm novice with both JS and jQuery, and I'm a little bit confused about what situations would require you to pass <code>event</code> as an argument into the function, and what situations you would <strong>not</strong> need to.</p>
  
  <p>For example:</p>
  
  <pre><code>      $(document).ready(function() {
  
          $('#foo').click(function() {
           // Do something
  });
  
        });
  </code></pre>
  
  <p>versus</p>
  
  <pre><code>      $(document).ready(function() {
  
          $('#foo').click(function(event) {
           // Do something
  });
  
        });
  </code></pre>