title: jQuery click event not working with setInterval replacing link
body: <p>I am making an incremental game in javascript, so I am replacing some links in the page all the time, this links are showing a really weird behavior. I am attaching the click events with .on(, and some times the click event is fired and some times not, is very random.
  <a href="http://jsfiddle.net/MtR6b/1/" rel="nofollow">Here</a> is a clear example of the beheavior. I can imagine that is something related with the time interval, because if I set the interval in 1000 millis, the event always is fired. Of course that I can make some changed in the code in order to don't replace the link and only update it, but I want to know if this is fixable first.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="container"&gt;&lt;a id="link" href="#"&gt;test&lt;/a&gt;&lt;/div&gt;
  </code></pre>
  
  <p>JS:</p>
  
  <pre><code>$(document).ready(function(){
  $("#container").on("click","#link",function(){
      alert("clicked");
  });
  setInterval(function(){
      var newA = $("#link").clone();
      $("#link").remove();
      $("#container").append(newA);
  },100);});
  </code></pre>
  
  <p>Example in jsFiddle:
  <a href="http://jsfiddle.net/MtR6b/1/" rel="nofollow">http://jsfiddle.net/MtR6b/1/</a></p>
  
  <p>Thanks!!</p>