jQM and Google Visualization - PHP Issue

jQM and Google Visualization - PHP Issue

Doesn't matter what browser I use:

I have created a Visualization Table for the sorting functionality.

Upon initial page load, the DIV 'table_div' does not populate.  

If I reload the page, then everything works fine.  Also if I right click on the link and say open in new tab, all the data loads successfully.  I feel it has something to do with jQM caching the CDN files, but am not certain.

I am hosted on Rackspace, so I don't feel that the server is taking to long to request the CDN versions of jQ and jQM.

I am really at a loss and any help would be greatly appreciated.

The Code below works in Google Play Ground ( https://code.google.com/apis/ajax/playground/)

  2. <!DOCTYPE html> 
  3. <html> 

  5. <head> 
  6. <title>Member Engagement Dashboard</title> 
  7.    
  8. <link rel="stylesheet" href="//code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css?UNI=38314885" />
  9. <link rel="stylesheet" href="me3style.css?UNI=34762994" />
  10. <script src="//code.jquery.com/jquery-1.9.1.min.js?UNI=8923293"></script>
  11. <script src="//code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js?UNI=26966532"></script>
  12.  <script type='text/javascript'  src='//www.google.com/jsapi/?UNI=8251973' charset='utf-8'></script>

  14. </head>


  17. <div data-role="page" data-theme="b">
  18. <div data-role="header" data-position="inline">
  19. <h1>Company - Member Engagement Dashboard</h1>
  20. <div data-role="navbar">
  21. <ul>
  22. <li><a href="index.php?UNI=37179744" data-icon="home" class="ui-btn-active">Home</a></li>
  23. <li><a href="accounts.php?UNI=44881611" data-icon="th-large">All Accounts</a></li>
  24. <li><a href="majormemberdata.php?UNI=49763935" data-icon="list">Major Member Data</a></li>
  25. <li><a href="nav.html" data-icon="cogs">Nav</a></li>
  26. <li><a href="settings.php?UNI=66714755" data-icon="cogs">Settings</a></li>
  27. </ul>
  28. </div>
  29. </div>
  30.             <center>
  31.             <div id="me3container">&nbsp;<h2>Member Accounts</h2>

  33.   
  34.     <script type='text/javascript'>



  38.   
  39.      google.load('visualization', '1', {packages:['table']});
  40.  
  41.   google.setOnLoadCallback(drawTable);


  44.       function drawTable() {
  46.         var data = new google.visualization.DataTable();
  47.         data.addColumn('string', 'ID');
  48. data.addColumn('string', 'Account');
  49. data.addColumn('string', 'Type');
  50. data.addColumn('string', 'Tier');
  51.       data.addColumn('string', 'MSR');
  52.  data.addColumn('string', 'MDD');
  54. data.addRows([['0015000000JEIuxAAH',
  55. 'That Company - <a href="detailreport.php?AID=xxxxx0JEIuxAAH&UNI=24327026">(Detail Report)</a>',
  56. 'Standard Member',
  57. 'T7: $10B-$25B',
  58. 'All Admin',
  59. 'Salesperson A'],['0015000000InODJAA3',
  60. 'His Systems - <a href="detailreport.php?AID=xxxxxx0InODJAA3&UNI=66290603">(Detail Report)</a>',
  61. 'Standard Member',
  62. 'T5: $1B-$4.99B',
  63. 'Some Admin',
  64. 'Salesperson B']]);



  68.     var table = new google.visualization.Table(document.getElementById('table_div'));
  69.         table.draw(data, {allowHtml: true, showRowNumber: true});

  72.       }
  74.   
  75.     </script>
  76.   
  77.  <div id='table_div'>Loading</div>
  78.  
  79.   </div><!-- me3container - close -->
  80.         </center>
  81. </div>
  83. </html>