title: Jquery Mobile getJSON callback not triggered
body: <p>I am pulling my hair out with this. I am trying to invoke a getJSON and the callback function is never triggered. I tried adding an alert as well as firebug debug but the callback never happens.</p>
  
  <p>The service response shows a JSON string so not sure what is going wrong. Any pointers?</p>
  
  <p>Here is my code which calls a Play Framework service:</p>
  
  <pre><code>            var serviceURL = "http://localhost:9000/signup/";
  
      var employees;
  
      $('#employeeListPage').bind('pageinit', function(event) {
          $.mobile.allowCrossDomainPages = true;
          getEmployeeList();
      });
  
      function getEmployeeList() {
          $.getJSON(serviceURL + 'getemployees?callback=?', function(data) {
              alert(data);
              $('#employeeList li').remove();
              employees = data.items;
              $.each(employees, function(index, employee) {
                  $('#employeeList').append('&lt;li&gt;&lt;a href="employeedetails.html?id=' + employee.id + '"&gt;' +
                          '&lt;img src="pics/' + employee.picture + '"/&gt;' +
                          '&lt;h4&gt;' + employee.firstName + ' ' + employee.lastName + '&lt;/h4&gt;' +
                          '&lt;p&gt;' + employee.title + '&lt;/p&gt;' +
                          '&lt;span class="ui-li-count"&gt;' + employee.reportCount + '&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;');
              });
              $('#employeeList').listview('refresh');
          });
      }
  </code></pre>
  
  <p>The play service returns a json string.</p>
  
  <p>Anyone see what am i doing wrong? why is the alert never executed?</p>