title: Adding Microsoft's Emotion API to HTML website
body: <p>I'm trying to simply create a HTML webpage that gives me emotions from images input by the user.
  Using Microsoft's documentation I created a HTML file below:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;JSSample&lt;/title&gt;
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;script type="text/javascript"&gt;
      $(function() {
          $.ajax({
              url: "https://api.projectoxford.ai/emotion/v1.0/recognize",
              beforeSend: function(xhrObj){
                  // Request headers
                  xhrObj.setRequestHeader("Content-Type","application/json");
                  xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key","my-key");
              },
              type: "POST",
              // Request body
              data: {"url": "https://oxfordportal.blob.core.windows.net/emotion/recognition1.jpg"},
          })
          .done(function(data) {
              alert("success");
          })
          .fail(function() {
              alert("fail");
          });
      });
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My understanding is that this should work without the need of a server, however, I am always getting 'fail' message on loading the website.
  Any help would work, thank you!</p>