En html tengo un una lista de link que al hacer click en c/u me carga una lista diferente para c/u de ellos que viene desde la base de datos.

Mi codigo consulta a la DB y los devuelve a través de AJAX en un objeto llamado respuesta y al llegar los datos lo recibo en una funcion :

function llegadaDatos(respuesta) {
 
 //accedo a sus objetos hijos "dato1, dato2 y dato3"
 
        $("#lista-usuario").html(respuesta.dato1); 
	$("#lista-usuario").html(respuesta.dato2);
	$("#art-list").html(respuesta.dato3);
 

Y no me da los resultados que quiero porque al imprimir en la pagina con el dato1 no me da problema en el dato2 es mi problema al parecer chanca a la linea anterior que es " $("#lista-usuario").html(respuesta.dato1);". Como haria para evitar ese conflicto que hay o el error es otro?.

Al depurar el js en chrome  se ve que dato2 es nulo.

Si ya lo hice como me respondiste pero aun tengo en dato2 como null.

la consulta del dato dos es esta. Y no eh encontrado algun error o si la hay?.

$query="SELECT * FROM $gen WHERE id!= $id  ORDER BY rand()";/* Order by rand() es para hacer la lista aleatoria*/
 
	if($query_run = mysql_query($query)){
 
		if(mysql_num_rows($query_run)==NULL){
			echo 'No se obtuvo ningun resultado';
 
		}else{  
 
			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'];
 
			$respuesta->dato2 .="<li title='' aud='$aud' name='$name' class=''>
					<a data-tk='$datatk' rel='$rel' href='#'> 
					<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> 
					<span class='desc'>Ringtone</span> </a></li>";
 
			}