ブラウザでReactJSコードが表示/実行されない

ReactJSで単純なhelloワールドコードを記述しましたが、コードを実行するとブラウザに何も表示されません。コンソールにエラーは表示されません。何が問題なのか教えてください。私はブラウザとしてWebStromコンパイラ、Chromeを使用しており、Windows 8.1はOSです。ブラウザでReactJSコードが表示/実行されない

index.htmlを

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>First React App</title> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script src="script.jsx" type="text/babel"></script> 
</head> 
<body> 
    <div id="content"></div> 
</body> 
</html>

script.js

var MyComponent = React.createClass({ 
    render :function() { 
     return(
      <h2>Heading 2</h2> 
     ); 
    } 
}); 

React.render(
    <MyComponent/>, document.getElementById('content') 
);

プロジェクトディレクトリ