title: Load specific html page with href and GET request response
body: <p>First, I think my title isn't very clear and very representative of what I want to achieve, but I couldn't make it clearer ...</p>
  
  <p>Ok so I have a <code>Leaderboard</code>, created from this ajax call:</p>
  
  <pre><code>$.ajax({
        url: '/handler',
        dataType: 'json',
        success: function(data) {
          var tb = document.getElementById('Leaderboard');
          while(tb.rows.length &gt; 1) {
            tb.deleteRow(1);
          };
          var keys = Object.keys(data);
          for( key of keys) {
            var username = data[key].username;
            var score = data[key].score;
            var row = $('&lt;tr id = "row' + tb.rows.length + '"&gt;&lt;td&gt;&lt;a href="/leaderboard/'+ username + '" target="_blank"&gt;' + username + '&lt;/a&gt;&lt;/td&gt;&lt;td&gt;' + score + '&lt;/td&gt;&lt;/tr&gt;');
            $('#Leaderboard').append(row);
            if(tb.rows.length &gt; 11){
              tb.deleteRow(tb.rows.length -1);
            }
          }
        },
        error: function(jqXHR, textStatus, errorThrown){
            alert('Error: ' + textStatus + ' - ' + errorThrown);
        }
    });
  </code></pre>
  
  <p>So as you can see in the <code>Leaderboard</code>, when clicking on a username, it opens a new page with the result of a GET request (<code>/leaderboard/:username</code>). My question is how can I <code>skin</code> this page, or even better load an html file in this page, but while keeping accessible the result of the GET request to use it inside?
  That may not be clear, and that's maybe a reason why my title is not really fitting ... But anyway if you have some ideas i'll take them !!
  Thanks</p>