title: Can't prevent default link action
body: <p>I have a function in global scope as a link(<code>&lt;a&gt;</code>) handler:</p>
  
  <pre><code>function sort(e, field) {
  e.preventDefault();
  
  /*  sort process ...   */
  }
  </code></pre>
  
  <p>And I have a link that appears <strong>dynamically</strong> in my HTML page:</p>
  
  <pre><code>&lt;a onclick="sort(this,'title')" href="addr" id="sortByTitle"&gt;Book title&lt;/a&gt;
  </code></pre>
  
  <p>Despite of e.preventDefault(); the link performs the default action anyway.</p>
  
  <p><strong><em>Note:</em></strong>
  <strong>It's very important that my link will be loaded via ajax.</strong> </p>