title: Why is my use of .getJSON not consistently reading local JSON files?
body: <p>Here is a simple working example that reads two local data files and appends the results to the DOM displaying a card and then an unordered list representing a hand of cards.</p>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>var main = function() {
      "use strict";
  
      $.getJSON("cards/aceOfSpades.json", function (data) {
          // create an element to hold the data
          var $cardParagraph = $("&lt;p&gt;");
          console.log("STUBB");
          // create the
          $cardParagraph.text(data.rank + " of " + data.suit);
  
          // append the card paragraph to main
          $("main").append($cardParagraph);
      });
  
      $.getJSON("cards/hand.json", function (hand) {
          var $list = $("&lt;ul&gt;");
  
          // hand is an array, so we can iterate over it
          hand.forEach(function (data) {
              // create a list item to hold the card
              // and append it to the list
              var $card = $("&lt;li&gt;");
              $card.text(data.rank + " of " + data.suit);
              $list.append($card);
          });
          // append the list to main
          $("main").append($list);
      });
  };
  $(document).ready(main);
  </code></pre>
  
  <p><strong>hand.json</strong></p>
  
  <pre><code>[
      { "suit" : "spades",    "rank" : "ace" },
      { "suit" : "hearts",    "rank" : "ten" },
      { "suit" : "spades",    "rank" : "five" },
      { "suit" : "clubs",     "rank" : "three" },
      { "suit" : "diamonds",  "rank" : "three" }
  ]
  </code></pre>
  
  <p>Imitating this, my code attempts to read a file with a similar array of JSON records:</p>
  
  <p><strong>checkBoxesA.json</strong></p>
  
  <pre><code>[
      { 
         "label": "New provider",  
         "note": "check if the applicant is not currently enrolled in the Medi-Cal
                  program as a provider with an active provider number. Include 
                  the NPI (or Denti-Cal provider number if applicable) for the 
                  business address indicated in item 4. " 
      },
      {  "label": "Change of business address",
         "note":  "check if the applicant is currently enrolled in the Medi-Cal 
                 program and is requesting to relocate to a new business address
                 and vacate the old location. Indicate the business address 
                 applicant is moving from."
      },
      . . .
  ]
  </code></pre>
  
  <p>Here is the javaScript that's not working. STUBB1 is not printing to console so <code>$.getJSON</code> is ignored?</p>
  
  <pre><code>var main = function () { 
      "use strict";
  
      console.log("Hello World!");
  
      $.getJSON("checkBoxesA.json", function (entry) {
          var $list = $("&lt;ul&gt;");
  
          console.log("STUBB1!");
          entry.forEach(function(entry){
              var $entry =$("&lt;li&gt;");
              $entry.text(entry.label + " of " + entry.text);
              $list.append($entry);
          });
  
          $("main").append($list);
      });
  
      console.log("STUBB2!");
  };
  $(document).ready(main);
  </code></pre>