title: Ace editor "define is not defined"
body: <p>I'm trying to add the <a href="https://github.com/ajaxorg/ace">ace editor</a> to my app. I downloaded it from github, dropped the "ace/lib/ace" directory into my app's directory, included:</p>
  
  <pre><code>&lt;script src="ace/lib/ace/ace.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;"
  </code></pre>
  
  <p>in my body tag and:</p>
  
  <pre><code>editor = ace.edit "editor"
  </code></pre>
  
  <p>in my script tag. I've tried to load the page in Chrome and Firefox and I get "define is not defined" in ace.js:46. The line in ace.js is:</p>
  
  <pre><code>define(function(require, exports, module) {
  </code></pre>
  
  <p>Does anyone know why ace is expecting the define() function to exist and why it's not finding it? Here's my source:</p>
  
  <pre><code>&lt;html&gt;
    &lt;body&gt;
      &lt;div id="editor"&gt;some text&lt;/div&gt;
      &lt;script src="ace/lib/ace/ace.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
      &lt;script&gt;
        var editor = ace.edit("editor");
      &lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>