jsTree Nested with Conflicts

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.5/jstree.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jstree/3.3.5/themes/default/style.min.css">
<div id="jsTree">
  <ul>
    <li id="1" data-type="parent">Parent 1
      <ul>
        <!-- Uncomment (Ctrl+/) the next line and it will break -->
        <!-- <li id="1" data-type="child">Child 2</li> -->
        <li id="2" data-type="child">Child 2</li>
        <li id="3" data-type="child">Child 3</li>
      </ul>
    </li>
  </ul>
</div>

JavaScript

$('#jsTree').jstree({
  "plugins": ["checkbox"],
  "core": {
    "themes": {
      "icons": false
    }
  }
});