Ajax and Json

Ajax and Json

Hey I have a small Question about Json, I am trying to retrive some values following some little tutorial ive seen . and trying to add new stuff to it. so here it gos 
so my error is 100% in this function S ummonerLeagues(summonerID) I am sure about this cuase when I remove it I get my response for the 1st half. but when I add it back i get nothing in return
I am fairly new in this consept can someone help me udnerstnad what I am doing wrong ?
  2. <html> 
  3. <head>
  4. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>    
  5. </head>
  6. <body>
  7.     
  8. DEV KEY
  9. <br />
  10. <input id="theKey" />
  11. <br />Summoner Name
  12. <br />
  13. <input id="userName" />
  14. <input type="submit" onclick="summonerLookUp();" />
  15. <br />
  16. <br />Summoner Level: <span id="sLevel"></span>

  18. <br />Summoner ID: <span id="sID"></span>
  19. <br /> Summoner League <span id="sLeague"></span>
  20. <br /> Wins <span id="sWin"></span>
  21. <br /> Losses <span id="sLoss"></span>





  27. <script>
  28. var ID = "";
  29. var APIKEY = "secret";

  31. function summonerLookUp() {
  32.     ID = $("#userName").val();
  33.  
  34.     

  36.     if (ID !== "") {

  38.         $.ajax({
  39.             url: 'https://eune.api.pvp.net/api/lol/eune/v1.4/summoner/by-name/' + ID + '?api_key=' + APIKEY,
  40.             type: 'GET',
  41.             dataType: 'json',
  42.             data: {

  44.             },
  45.             success: function (json) {
  46.                 var userID = ID.replace(" ", "");

  48.                 userID = userID.toLowerCase().trim();

  50.                 summonerLevel = json[userID].summonerLevel;
  51.                 summonerID = json[userID].id;

  53.                 document.getElementById("sLevel").innerHTML = summonerLevel;
  54.                 document.getElementById("sID").innerHTML = summonerID;

  56.                 summonerLeagues(summonerID);

  58.             },
  59.             error: function (XMLHttpRequest, textStatus, errorThrown) {
  60.                 alert("error getting Summoner data1!");
  61.             }
  62.         });
  63.     } else {}
  64. }

  66. function summonerLeagues(summonerID) {
  67. ID = summonerID; 
  68.     $.ajax({
  69.           url: 'https://eune.api.pvp.net/api/lol/eune/v2.5/league/by-summoner/' + ID + '/entry?api_key=' + APIKEY,
  70.         type: 'GET',
  71.         dataType: 'json',
  72.         data: {

  74.         },
  75.         success: function (json) {
  76.             var SUMMONER = SUMMONER.replace(" ", "");

  78.                 SUMMONER  = SUMMONER.toLowerCase().trim();
  79.                     summonerLeague = json[SUMMONER].tier;
  80.                     summonerWins = json[SUMMONER].wins;
  81.                     summonerLosses = json[SUMMONER].losses; 
  82.                     
  83.                     document.getElementById("sLeague").innerHTML = summonerLeague;
  84.                     document.getElementById("sWin").innerHTML = summonerWins;
  85.                     document.getElementById("sLosses").innerHTML = summonerLosses;
  86.             });
  87.         },

  89.         error: function (XMLHttpRequest, textStatus, errorThrown) {
  90.             alert("error getting Summoner data2!");
  91.         }
  92.     });
  93. }    
  94.      
  95.     
  96. </script>
  97. </body>
  98. </html>