title: Passing the Event Object to a Function in Jquery
body: <p>Typically, I can pass an event to an anonymous Jquery function like so:</p>
  
  <pre><code>$(".click_me").on("click", function(e) {
    e.preventDefault();
  });
  </code></pre>
  
  <p>Now let's say I remove the anonymous function but still want to pass the event to it:</p>
  
  <pre><code>function onClickMe(e){
    e.preventDefault();
  }
  
  $(".click_me").on("click", onClickMe(e));
  </code></pre>
  
  <p>Unfortunately, this doesn't work as expected. I get this error:</p>
  
  <pre><code>ReferenceError: e is not defined
  </code></pre>
  
  <p>So how else can I pass the event to an external function?</p>