title: Load JSON file from header without Ajax
body: <p>I have a list of specific states I want to load into a dropdown list on page load. Because of this I don't have the need for AJAX and thus want to avoid it. How can I access the json file within my page load?</p>
  
  <p>This is what I have.</p>
  
  <p>My JSON file contains: </p>
  
  <pre><code>[{"States":{"AL" : "Alabama", "AK" : "Alaska", "WI" : "Wisconsin", "WY" : "Wyoming" }}] 
  </code></pre>
  
  <p>How I load it onto my HTML header.</p>
  
  <pre><code>&lt;script type="application/json" src="mystates.json"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>How can I access the above with Javascript?</p>