funcion como usar $('id') para etiquetas con mas de una palabra

[luks77]

Bueno, el titulo ya explica mi pregunta. Aca les pongo un ejemplo sencillo

Código HTML:

<script language="javascript">
var x;
x=$(document);
x.ready(inicializarEventos);
function inicializarEventos()
{
alert($("#juan").text());
}
</script>
<div id="juan" >sss</div>
 

Cuando carga la pagina devuelve un cartel de alerta con el contenido del div, en este caso: "sss".

Ahora si yo quiero ponerle al div un "id" de dos palabras no funciona.

Código HTML:

<script language="javascript">
var x;
x=$(document);
x.ready(inicializarEventos);
function inicializarEventos()
{
alert($("#juan perez").text());
}
</script>
<div id="juan perez" >sss</div>
 

En esta situacion, la pagina no devuelve ningun valor. ¿Hay alguna forma de hacer que puedas utilizar la funcion $('id') para aquellas etiquetas que su id tenga mas de una palabra?