Attach an handler to the click event on a 'a' tag is firing even if I don't click
<p>I have this code to listen the click on a 'a' tag:</p>

<pre><code>$(document).ready(function () {
    $(document).on("click", $("#addEvent"), addEvent);
});

addEvent: function () {
   alert("Test");
}

&lt;div style="width: 100%; text-align: right;margin-left: -8px; margin-top:-40px;"&gt;
   &lt;a id="addEvent" href="#" &gt;
      &lt;span class="t-icon t-add"&gt;&lt;/span&gt; Add item
   &lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>When I load the page where this code is located, the alert message is displayed immediatly after the page have been loaded even if I don't click on the 'a' tag.</p>

<p>What can cause this behavior?</p>

<p>I'm using Firefox 14 and jquery 1.7.</p>

<p>Thank you.</p>
