title: How to load SVG file contents with AJAX?
body: <p>I am trying to access the contents of an SVG file using jQuery AJAX but keep getting the same error in Chrome.</p>
  
  <h3>JavaScript</h3>
  
  <pre><code>$.get("my.svg", function(data){
    print(data)
  })
  </code></pre>
  
  <h3>Console Output</h3>
  
  <pre><code>[Error] jquery.min.js:4 XMLHttpRequest cannot load file:'///Users/james.jensen/Desktop/helloworld/my.svg'. Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
  </code></pre>
  
  <p>I literally copied and pasted the code from <a href="https://stackoverflow.com/questions/24286486/load-external-svg-file-into-variable-and-append-to-html">here</a> and changed it to fit my situation, so I am unsure why my code is malfunctioning in this way.</p>
  
  <p>Thanks in advance</p>