title: Why is my click event handler not firing for a dynamically added link?
body: <p>I am working on dynamically adding a link with a click event handler after a series of span tags on a page. The link is being added to the page, but when clicked the event handler is not firing. There are no errors recorded in the web console. I am sure that I am missing something <em>obvious</em> in the below code:</p>
  
  <pre class="lang-js prettyprint-override"><code>function changeClicked (e) {
      e.preventDefault();
      console.log('should work');
  }
  
  function initChangeOwner() {
      var changeLink = $('&lt;a /&gt;', {
          href: '#',
          text: 'change',
          'class': 'changeLink',
          click: changeClicked
      });
  
      var licenseFor = $('[id*="LicenseFor"]').after(changeLink);
  }
  
  $(document).ready(function () {
      initChangeOwner();
      // other inits
  });
  </code></pre>
  
  <p>Why is my click event handler not firing? For those who like to fiddle I have setup <a href="http://jsfiddle.net/ahsteele/xUjTd/1/" rel="nofollow">an example on jsFiddle</a>.</p>
  
  <p><sub>* This is an older application which utilizes jQuery 1.4.1. Unfortunately, now is not the time to update the reference to a new version.</sub></p>