title: event.preventDefault not working on AJAX loaded content
body: <p>This thing is driving me nuts.</p>
  
  <p>So I load some simple HTML via AJAX and once it's loaded on the DOM I do this.</p>
  
  <pre><code>$('#wrap a.link').click(function(e) {
      e.preventDefault();
      alert("asdasdad");
  });
  </code></pre>
  
  <p>It simply does not prevent the link from navigating to the url in the href attribute.</p>
  
  <p>My syntax seems right and I've made sure the element is in the DOM and that the function finds the <code>a.link</code> element.</p>
  
  <pre><code>$("#wrap a.link").each(function(key, value) {
      console.log("found a link"); // this shows up in the console
  });
  </code></pre>
  
  <p>I have also tried using <code>off()</code> and <code>stopImmediatePropagation()</code> just in case some other event may be interfering, but nothing. I've also tried binding the event inside the <code>each()</code> loop with the same result.</p>
  
  <p>What could be causing this behaviour?</p>