I am running in a problem with jQuery I can not fix. I am generating a table body by appending table rows dynamically using jQuery. I created an example demonstrating the issue:

```js
var i = 0;

function addStuff() {
  $('#table-body').append("<tr class=\"log-entry-row\"><td class=\"description\">item" + i + "</td><td class=\"sometext\">item" + i + "</td></tr>");
  i++;
}

$("#table-body").on("click", ".log-entry-row", function() {
  var text = $(this).find(".sometext")[0].innerHTML();
  console.log($(this).find(".sometext")[0].innerHTML);
  $('#clickedCell').innerHTML(text);
});
```

```html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tbody id="table-body">

  </tbody>
</table>

<button onclick="addStuff();">ADD ENTRY</button>
<span id="clickedCell"></span>
```

<https://codepen.io/anon/pen/WKOzYN>

I can not get it to work no matter what I try. The stupid thing about is that logging it to console works fine.

Can someone please explain what is going on?