title: Unmounting React.js node
body: <p>I'm trying to unmount a React.js node with <code>this._rootNodeID</code></p>
  
  <blockquote>
  <pre><code> handleClick: function() {
  
          React.unmountComponentAtNode(this._rootNodeID)
  
   }
  </code></pre>
  </blockquote>
  
  <p>But it returns <code>false</code>.</p>
  
  <p>The <code>handleClick</code> is fired when I click on an element, and should unmount the root-node. Documentation on <code>unmountComponentAtNode</code> <a href="http://facebook.github.io/react/docs/top-level-api.html" rel="noreferrer">here</a></p>
  
  <p>I've tried this as well: </p>
  
  <blockquote>
    <p>React.unmountComponentAtNode($('*[data-reactid="'+this._rootNodeID+'"]')[0])</p>
  </blockquote>
  
  <p>That selector works with <code>jQuery.hide()</code>, but not with unmounting it, while the documentation states it should be a <code>DOMElement</code>, like you would use for <code>React.renderComponent</code></p>
  
  <p>After a few more tests it turns out it works on <em>some</em> elements/selectors.</p>
  
  <p>It somehow works with the selector: <code>document.getElementById('maindiv')</code>, where <code>maindiv</code> is an element not generated with React.js, and just plain html. Then it returns <code>true</code>.</p>
  
  <p>But as soon as I try and select a different ElementById that is generated with React.js it returns false. And it wont work with <code>document.body</code> either, though they all essentially return the same thing if I console.log them (<code>getElementsByClassName('bla')[0]</code> also doesn't work)</p>
  
  <p>There should be a simple way to select the node via <code>this</code>, without having to resort to jQuery or other selectors, I know it's in there somewhere..</p>