title: react.js render components at different locations
body: <p>I started using react.js and have a (hopefully) simple question about the tutorial:
  <a href="http://facebook.github.io/react/docs/tutorial.html" rel="nofollow">http://facebook.github.io/react/docs/tutorial.html</a></p>
  
  <p>I want to render the "CommentForm" at a different position in my html than the "CommentList"</p>
  
  <p>I tried the following:</p>
  
  <pre><code>React.renderComponent(
     &lt;CommentBox data={data} /&gt;,
      document.getElementById('comentBox')
  );
  
  React.renderComponent(
     &lt;CommentForm onCommentSubmit={CommentBox.handleCommentSubmit} /&gt;,
      document.getElementById('commentForm')
  );
  </code></pre>
  
  <p>But this doesn't work.
  What is the best solution to achieve this?
  Thanks!</p>