title: Ace editor syntax highlighting not working. Why is the cssClass undefined?
body: <p>I am getting the following error in the inspector. </p>
  
  <pre><code>Uncaught TypeError: Cannot read property 'cssClass' of undefined ace.js:15750
  </code></pre>
  
  <p>The setTheme and setMode are in the same directory as the ace.js. </p>
  
  <p>Here is the HTML markup: </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
   &lt;html&gt;
     &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
      &lt;title&gt;
          Ace is the Place
      &lt;/title&gt;
      &lt;style type="text/css" media="screen"&gt;
          #editor { 
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          }
      &lt;/style&gt;
      &lt;/head&gt;
      &lt;body&gt;
          Hello World!
          &lt;div id="editor"&gt;&lt;/div&gt;
          &lt;script src="bower_components/ace/build/src/ace.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              var editor = ace.edit("editor");
                      editor.setTheme("bower_components/ace/build/src/monokai");
                      editor.getSession().setMode("bower_components/ace/build/src/html");
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>