Uncaught TypeError: Cannot read property 'jQuery16408036760615650564' of undefined

Uncaught TypeError: Cannot read property 'jQuery16408036760615650564' of undefined

Can someone please assist me to fix this issue i been scratching my head for like the whole day trying to get this solved. It was working last night now its just giving me this error and not returning data.

<!-- START OF GAME PAGE  -->
    <div id="gameListPage" data-role="page" >

        <div data-role="header" data-position="fixed">
            <h1>Directory</h1>
        </div>

        <div data-role="content">
             <ul id="gameList" data-role="listview" data-filter="true"></ul>
        </div>
      </div>
///////////////////////////////////////////////////////////////////////////////////////////////
var serviceURL = "/services/";

var games;

$('#gameListPage').bind('pageinit', function(event) {
getGameList();
});

function getGameList() {
$.getJSON(serviceURL + 'getgames.php', function(data) {
$('#gameList li').remove();
games = data.items;
$.each(games, function(index, game) {
$('#gameList').append('<li><a href="gamedetails.html?id=' + game.id + '">' +
'<img src="picture/' + game.picture + '"/>' +
'<h4>' + game.gameName + ' ' + '</h4>' +
'<p>' + game.title + '</p>' +
'<span class="ui-li-count">' + '</span></a></li>');
});
$('#gameList').listview('refresh');
});
}