2. /////////////////////////////////
3. ////Retrieve level information///
4. /////////////////////////////////
5. $.get('scripts/level.data.xml', function (d) {
6.     $(d).find('Level').each(function () {
7.         var $level = $(this);
8.         if ($level.attr("Level_Number") == level) {
9.             var count = 1;
10.             //Cycle through die contents of level
11.             $level.find('Die').each(function () {
12.                 $die = $(this);
13.                 $(".dice").append("<button id = 'die" + count + "' class='die' data-role='button' data-inline='true' data-theme='b'>0</button>");
14.                 if (count == 1)
15.                     die1Max = $die.text();
16.                 if (count == 2)
17.                     die2Max = $die.text();
18.                 if (count == 3)
19.                     die3Max = $die.text();
20.                 if (count == 4)
21.                     die4Max = $die.text();
22.                 count++;
23.             });
24.             //Cycle through Operators available
25.             $level.find('Operator').each(function () {
26.                 $operator = $(this);
27.                 $(".operator").append("<button class='operators' data-role='button' data-theme='b'>" + $operator.text() + "</button>");
28.             });
29.             boardNumbers = $level.find('Board_Numbers').text();
30.         }
31.     });
32. });
33. ///////////////////////////////////////

This loads on the page load when I run off of my computer. After I upload the game to the server, it retrieves the correct number of elements, but none of the data. I get the same results offline if the code is inserted in the $(document).ready function.

You can view the online version here.

Notice that after you click on the buttons, the formatting refreshes. Also, after the first equation is completed, the numbers update correctly.