title: ReactJS: Why isn't my div showing up?
body: <p>I have basic index.html and index.js that don't do much except the minimum. My html file is this:</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="container"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;script src="fb's react url"&gt;&lt;/script&gt;
  &lt;script src="fb's reactDOM url"&gt;&lt;/script&gt;
  &lt;script type="text/jsx" src="index.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and my index.js file is this:</p>
  
  <pre><code>var Grid = React.createClass({
        getInitialState: function() {
          return {
            grid: "Ola!"
          }
        },
        componentDidMount: function() {
  
        },
        render: function() {
          return ( &lt; div &gt; {
              Ola!
            } &lt; /div &gt;
          );
        }
    }
  );
  
  ReactDOM.render( &lt; Grid / &gt; ,
    document.getElementById('container')
  );
  </code></pre>
  
  <p>When I load my page (index.html) in Google Chrome, I just get a blank white screen. The console isn't outputting any errors. What could be going wrong? I am very new to React.js and most web technologies.</p>