Ayuda con ajax y php

Tengo un pequeño detalle con lo quu quiero hacer , espero ser claro para obtener resultados. El codigo de ejemplo que yo trato es el siguiente:

Código:


<html>
    <head>
		<title>Page  Test</title>
		<style type="text/css">
		
		</style>
    </head>
    <body>
	<div id="bloque_geners">
		<ul class="gnr">
				
			<li><a class="lnk" href="#" title="Bachata">Bachata</a></li>
			<li><a class="lnk" href="#" title="Baladas">Baladas</a></li>
			<li><a class="lnk" href="#" title="Boleros">Boleros</a></li>
			
		</ul class="gnr">
	</div>
	<div class="listaInstan">

		<h1>The Best Songs...</h1>
		<div class="ti_base">
		   <span class="icons"></span>
		   <span class="artista">Artista</span>
		   <span class="tema">Tema</span>
		   <span class="wopc">Duración</span>
		   <span class="desc">Anuncio</span>
		</div>

		<ul class="lista-usuario lista_musica">

<?php
require 'connect.inc.php';

 $query="SELECT * FROM `musica` WHERE `id`!='1' order by rand()";

	if($query_run = mysql_query($query)){

		if(mysql_num_rows($query_run)==NULL){
			echo 'No se obtuvo ningun resultado';
				
		}else{ 
		echo"<li title='' aud='remix-prueba.mp3' name='../flash/' class='selecc'>
			<a data-tk='primerdaratk' rel='primerel' href='eminem'> 
			<i class='Ic IIa b_ordenar'></i> <i class='Ic IIb btn_play'></i> 
			<span class='artista'>Pollo Flaco</span> 
			<span class='tema'>New Remix 2014</span>
			 <span class='duracion'>Anonima</span></a></li>";
			while($query_row = mysql_fetch_assoc($query_run)){
				$aud = $query_row['aud'];
				$datatk = $query_row['datatk'];
				$rel = $query_row['rel'];
				$name = "../".$query_row['name'];
				$artista = $query_row['artista'];
				$tema = $query_row['tema'];
				$duracion = $query_row['duracion'];
	 	echo"<li title='' aud='$aud' name='$name' class=''>
			<a data-tk='$datatk' rel='$rel' href='eminem'> 
			<i class='Ic IIa b_ordenar'></i> <i class='Ic IIb btn_play'></i> 
			<span class='artista'>$artista</span> 
			<span class='tema'>$tema</span> 
			<span class='duracion'>$duracion</span></a></li>";				
			}
		}		
	}else{
		echo mysql_error();
	}
?>
	
		</ul>
	
	</div>

	</body>	

</html>

Y lo que quiero hacer es que al hacer click en cada enlace (Bachata, Baladas, Bolero) se cargue una lista de registros de la base de datos en "<ul class="lista-usuario lista_musica">", sin recargar la pagina osea usando AJAX. Mi base de datos tiene 3 tablas para cada genero con el mismo nombre de genero. Con este codigo logre cargar esta lista de otra base de datos que tambien cree para probar que se llama "canciones" y la tabla "musicas".

De antemano Gracias.