title: Syncfusion JavaScript grid not displaying. Syntax and Reference error
body: <p>I have a html page running from a node.js server. I'm trying to use syncfusions basic grid feature and have followed the set up provided <a href="http://help.syncfusion.com/web" rel="nofollow">http://help.syncfusion.com/web</a>.</p>
  
  <p>My code is as follows:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
      &lt;head&gt;
          &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt;
          &lt;meta charset="utf-8" /&gt;
          &lt;link href="http://cdn.syncfusion.com/js/web/flat-azure/ej.web.all-latest.min.css" rel="stylesheet" /&gt;
          &lt;script src="http://code.jquery.com/jquery-1.10.1.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://ajax.aspnetcdn.com/ajax/globalize/0.1.1/globalize.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://borismoore.github.io/jsrender/jsrender.min.js"&gt;&lt;/script&gt;
          &lt;script src="http://cdn.syncfusion.com/js/web/ej.web.all-latest.min.js" type="text/javascript"&gt;&lt;/script&gt;
          &lt;script type="text/javascript"&gt;
              $(function () {
                  window.dataManager = ej.DataManager({
                      url: "http://mvc.syncfusion.com/UGService/api/Orders",
                      crossDomain: true,
                      offline:true
                  });
                  $("#Grid").ejGrid({
                      dataSource: window.dataManager,
                      allowPaging: true,
                      allowFiltering: true,
                      columns: [
                          { field: "Order", headerText: "Order ID", width: 75, textAlign: ej.TextAlign.Right },
                          { field: "CustomerID", headerText: "Customer ID", width: 80 },
                          { field: "ShipName", headerText: "Ship Name", width: 100 },
                          { field: "ShipCity", headerText: "Ship City", width: 100 },
                          { field: "Freight", width: 80, format: "{0:C3}", textAlign: ej.TextAlign.Right }
                      ]
                  });
              });
          &lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="Grid"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  
  &lt;body&gt;
  &lt;div id="Grid"&gt;&lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>I have just copied and pasted it and tried to run it but got the error</p>
  
  <blockquote>
    <p>ej.web.all-latest.min.js:1 Uncaught SyntaxError: Unexpected token
    ILLEGAL test.html:27 Uncaught ReferenceError: ej is not defined</p>
  </blockquote>
  
  <p>I've included their js file for ej.
  The first error is line 1 of this file <a href="http://cdn.syncfusion.com/js/web/ej.web.all-latest.min.js" rel="nofollow">http://cdn.syncfusion.com/js/web/ej.web.all-latest.min.js</a></p>
  
  <p>What is happening? I can't figure it out :/
  Any help would be great as today is the first day I've started to use syncfusion and there is not really much documentation to help you set it up...</p>