livescore php en ajax/jquery

Hallo,

Ik wil graag een live score maken voor mijn website, maar ik krijg het niet voor elkaar. Wanneer ik verschillende tutorials volg krijg ik meestal niets te zien op mijn website of er komt "undefined" te staan.

Hebben jullie een goede tutorial of weten jullie wat er mis is met mijn code?
De gegevens worden wel juist opgehaald via feed.php

Onderstaand de code:

index.html:

<script>
  $(document).ready(function(){
   var url = 'feed.php';
      $.getJSON(url, function(data) {
          $.each(data, function(index, data) {
           $('#score').append('<tr>');
       $('#score').append('<td>'+data.voornaam+'</td>');
       $('#score').append('<td>'+data.achternaam+'</td>');
       $('#score').append('<td><b>'+data.score+'</b></td>');
       $('#score').append('</tr>');
    });
  });
});
</script>

feed.php:

<?php

$con = "VERBINDING MET DATABASE OPZETTEN";
$sql = "SELECT
          game.userID,
          game.score,
          roboshooter.id,
          roboshooter.voornaam,
          roboshooter.achternaam
        FROM
          game, roboshooter
        WHERE
          game.userID = roboshooter.id
        ORDER BY game.score DESC LIMIT 10
      ";

$result = mysqli_query($con,$sql);

while($row = mysqli_fetch_array($result))
{
    $return = array(
      'voornaam' => $row['voornaam'],
      'achternaam' => $row['achternaam'],
      'score' => $row['score']
    );
    // 'voornaam' = $row['voornaam'];
echo    json_encode($return);
}


?>

Hopelijk weten jullie wat ik fout doe.

Bedankt!