title: addEventListener calls the function without me even asking it to
body: <p>So we have a page:</p>
  
  <pre><code>&lt;span id='container'&gt;
      &lt;a href='#' id='first'&gt;First Link&lt;/a&gt;
      &lt;a href='#' id='second'&gt;Second Link&lt;/a&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>And want to add some click events:</p>
  
  <pre><code>first.addEventListener('click', function(){alert('sup!');})
  </code></pre>
  
  <p>Works like a charm! However, when you make the second argument an external function:</p>
  
  <pre><code>function message_me(m_text){
      alert(m_text)
  }
  
  second.addEventListener('click', message_me('shazam'))
  </code></pre>
  
  <p>It calls the function immediately. How can I stop this? So annoying!</p>
  
  <p>Here's a live demo: <a href="http://jsfiddle.net/ey7pB/1/" rel="noreferrer">http://jsfiddle.net/ey7pB/1/</a></p>