Passing data from PHP to Javascript

I have a table that contains the name of a star system with X and Y coordinates and the following code

<script language="javascript">
$(document).ready(function () {
  $(".systemname").on("click", function (event) {
    event.preventDefault();
    var $row = $(this).parent().parent();
    var x = $row.children().eq(2).text() + "px";
    var y = $row.children().eq(3).text() + "px";
	var m = $row.children().eq(4).text() + ".jpg";
	var i = $row.children().eq(5).text();
	$('#mapinfo').html(m);	
	var imageUrl = m;
    $("#mapcontent").css("background-image", "url(beta-1-3.jpg)");
	$("#pointer").css({"left": x, "top": y});
	$("#systeminfo").load('getsysteminfo.php?id='+i);
	
  });
});
</script> 

this means I have to display the coords on the web page but I have them in $system[‘X’] abd $ system[‘Y’] in PHP, how can I pass these details to the JavaScript without displaying tyhe x,y on the webpage