title: Cross origin requests are only supported
body: <p>When I click the link in the code bellow:</p>
  
  <pre><code>&lt;head&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  
  &lt;div id="modal_open" class="modal fade" role="document"&gt;
      &lt;div class="modal-dialog custom-modal-size"&gt;
          &lt;div class="modal-content"&gt;
              text
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;a href="javascript:void(0);" data-toggle="modal" data-target="#modal_open" ng-controller="ModalDemoCtrl"&gt;link&lt;/a&gt;
  </code></pre>
  
  <p>I get a <code>jquery.min.js:4 XMLHttpRequest cannot load javascript:void(0);. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https, chrome-extension-resource.</code> message if I have open the chrome debugger. While the code works as expected, I am trying to understand why I get this message. Can someone please explain?</p>