Lijst in linker div > onclick data in rechter

Op dit moment heb ik mijn design zo:



De HTML is zo:

<div id="wrapper">
    <div id="left">
        <!-- LIJST -->
    </div>
    <div id="right">
        <!-- DATA -->
    </div>
</div>        

De lijst staat in #left, de bedoeling is is dat de data in de rechter (#right) div komt.

Nu heb ik een losse pagina data.php waar alles in staat, hier worden de gegevens opgehaald doormiddel van een ID (data.php?id=1).

Hoe kan ik zorgen dat ik zonder de pagina te herladen de gegevens in de rechter DIV krijg?