title: jquery json call not working
body: <p>I am trying to create an array from a json file using this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  var stores = [];
  $.getJSON('js/locations.json', function(data) {
      $.each(data, function(key, value) {
          stores.push("&lt;option value="+key+"&gt;"+value+"&lt;/option&gt;");  
      }); 
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But the array appears to be empty when I call it.  The json file looks like this:</p>
  
  <pre><code>{
      '1' : 'Store 1',
      '2' : 'Store 2',
      '3' : 'Store 3'
  }
  </code></pre>
  
  <p>If anyone could tell me why its not working it would be most appreciated.  Thanks.</p>