Como passar variável javascript para uma pagina php

Boas

Estou a fazer um formulário em que ao escolher um tipo de animal o select a seguir era mudar o seu contido

 

O SELECT principal e este aqui

<div class='col-sm-6'>
	<label>Animal</label>
	<select class='form-control' id='Animal' name='Animal' onchange='myFunction()''>
 <option value=''>-- Animal --</option>
 <option value='1'>-- cao --</option>
 <option value='2'>-- Gato --</option>
 <option value='3'>-- Passaro --</option>
	</select>
</div>

Depois da pessoa Seleccionar a opção que quer ele era chamar a myFunction()

<script type="text/javascript">
	function myFunction() {
 var x = document.getElementById("Animal").value;
 $( "#Raca" ).load( "arquivo.php" );
	}
<script>

Mas a minha duvida e como passar a variável X para o arquivo.php .

<?php
 include "inc/config.php";

 $x = ;

 // Faz o SELECT
 $sql = "SELECT RacaID,Raca FROM Raca WHERE Animal_AnimalID = '$x'" or die(mysql_error());
 $res = mysql_query($sql) or die(mysql_error());
 while($row = mysql_fetch_assoc($res))
 {
 ?>
 <option value='<?php echo $row['RacaID']; ?>'><?php echo $row['Rca']; ?></option>
 <?php
 }
?>

E depois seria apresentado aqui

<div class='col-sm-6'>
	<label>Animal</label>
	<select class='form-control' id='Raca' name='Raca'>
 <option value=''>-- Raça--</option>
 </select>
</div>

Eu já fiz os teste e o código funciona bem sem o pedido de variável mas com variável não estou a conseguir fazer

Obrigado pela ajuda