Can't fire click event on the elements with same id
<p>Could you help me to understand - where I made the mistake. I have the following html code:</p>

<pre><code>&lt;div id="container"&gt;
    &lt;a href="#info-mail.ru" id="getInfo" onClick="return false;"&gt;Info mail.ru&lt;/a&gt;
&lt;/div&gt;
&lt;div id="container"&gt;
    &lt;a href="#info-mail.com" id="getInfo" onClick="return false;"&gt;Info mail.com&lt;/a&gt;
&lt;/div&gt;
&lt;div id="container"&gt;
    &lt;a href="#info-mail.net" id="getInfo" onClick="return false;"&gt;Info mail.net&lt;/a&gt;
&lt;/div&gt;
</code></pre>

<p>and the following js code (using jQuery):</p>

<pre><code>$('#getInfo').click(function(){
    alert('test!');
});
</code></pre>

<p><a href="http://jsfiddle.net/dizpers/Xde7K/" rel="nofollow">example here</a></p>

<p>"Click" event fired only on first link element. But not on others.</p>

<p>I know that each <strong>ID</strong> in html page should be used only one time (but <strong>CLASS</strong> can be used a lot of times) - but it only <strong>should</strong> (not <strong>must</strong>) as I know. Is it the root of my problem?</p>

<p>TIA!</p>

<p><strong>upd:</strong> Big thx to all for explanation!:)</p>
