title: Can't fire click event on the elements with same id
body: <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>