title: Click event not executed
body: <p>An <code>onmouseover</code> over a cell generates a div inside that cell. That div has an <code>onclick</code>, but this <code>onclick</code> is not executed. Here's some sample code: <a href="http://jsfiddle.net/Tb2kK/9/" rel="nofollow noreferrer">JSFiddle</a></p>
  <p>JavaScript:</p>
  <pre><code>var oldCell='';
  function addDiv(cell){
      if(oldCell != ''){
          oldCell.innerHTML = '';
      }
      cell.innerHTML = &quot;&lt;div class='innerDiv' onclick='console.log(this.parentNode);'&gt;&lt;/div&gt;&quot;;
      oldCell = cell;
  } 
  </code></pre>
  <p>HTML</p>
  <pre><code>&lt;table border='1px solid black'&gt;
      &lt;tr&gt;
          &lt;td class='cell' onmouseover='addDiv(this)'&gt;&lt;/td&gt;
          &lt;td class='cell' onmouseover='addDiv(this)'&gt;&lt;/td&gt;
      &lt;/tr&gt;
       &lt;tr&gt;
          &lt;td class='cell' onmouseover='addDiv(this)'&gt;&lt;/td&gt;
          &lt;td class='cell' onmouseover='addDiv(this)'&gt;&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;​
  </code></pre>
  <p>I've tried focusing on the div, but this does not wok either. I've also tried giving the cell the <code>onclick</code>, and then  focusing on the cell instead of the div, but this doesn't work in Chrome, does in Firefox though.</p>