title: jQuery works on 1st element in a php loop
body: <p>I want to change an icon with a loading icon when clicked on a link.
  This is happening in a <code>foreach</code> loop in php/html code.</p>
  
  <p>jQuery works fine, but only in the 1st result. In other results it does not work.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;p id= "like"&gt;
      &lt;a  href="..Link" id="like" class="external"&gt;&lt;i class="icon-thumbs-up"&gt;&lt;/i&gt;&lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>jQuery:</p>
  
  <pre><code>$("#like").click(function() {
      $("#like").toggle('1000');
      $("i", this).toggleClass("icon-loading3");
                  });
  </code></pre>
  
  <p>All I want to do is change the class from icon-thumbs-up to icon-loading3
  and remove the link!</p>
  
  <p>Thanks for the help ;)</p>