title: jQuery AJAX returns OPTIONS as opposed to GET
body: <p>I'm trying to do an ajax call on a static teams.json file:</p>
  
  <pre><code>{
      "employees": [
          { "firstName":"John" , "lastName":"Doe" }, 
          { "firstName":"Anna" , "lastName":"Smith" }, 
          { "firstName":"Peter" , "lastName":"Jones" }
      ]
  }
  </code></pre>
  
  <p>Here is my exact AJAX call:</p>
  
  <pre><code>this.testData = function() {
      return $.ajax({
          type: "GET",
          url: "js/dummy-data/teams.json",
          dataType: "json",
          async: false,
          success: function(data) {
              console.log(data);
          }
      });
  }
  </code></pre>
  
  <p>The problem is that when I call <code>testData()</code>, What I see in the network tab of my Chrome inspector tools is something called "OPTIONS" as opposed to "GET".</p>
  
  <p>I also see an error which states "Origin null is not allowed by Access-Control-Allow-Origin" error...</p>
  
  <p>All I want to do is return the json object and console.log it out. Where am I going wrong?</p>