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?

[maycolalvarez]

¿y porque quieres tener un id con 2 palabras?: se supone que el id no se muestra al usuario, no le veo sentido, en el caso de clases por ejemplo, el espacio es el delimitador, no se si lo mismo aplique al ID, y no lo creo porque se supone que el id es único.

[dontexplain]

Según la especificación, id no permite espacios al igual que class, y en class, un espacio representa la separación entre varios identificadores de clases en caso de aplicar más de una clase a un elemento.

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

Un saludo.