title: Access-Control-Allow-Origin error
body: <p>I'm using the following script - </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;script src="jquery-1.9.1.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  function postForm() {
  
      $.ajax({
              type: 'POST',
              url: 'http://10.0.0.8:9000/demo',
              data: {"name" : "test"},
              contentType: "application/json; charset=utf-8",
              dataType: 'json',
          })
      }
  
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;form id="ajaxForm" onsubmit="postForm(); return false; "  method="post"&gt; 
          &lt;input id="test" type="text" name="name" value="Hello JSON" /&gt; 
          &lt;input type="submit" value="Submit JSON" /&gt; 
      &lt;/form&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The computer i'm trying to access is running the play framework. I am receiving the following error:</p>
  
  <p>OPTIONS <code>http://10.0.0.8:9000/demo</code> 404 (Not Found) jquery-1.9.1.min.js:5
  XMLHttpRequest cannot load <code>http://10.0.0.8:9000/demo</code>. Origin <code>http://localhost:8080</code> is not allowed by Access-Control-Allow-Origin. </p>
  
  <p>I've been stumped now for two days, can anyone help me out? </p>
  
  <p>Thanks ahead</p>