Error en codigo simple :S porque y como solucionar AJAX

Error en codigo simple porque y como solucionar AJAX

Hola que tal amigos tengo un codigo pequeño que funciona pero no como deveria:
function gotopage123()
{
$("#main a").click(function()
{
var topage = $(this).attr('rel');
//alert(topage);
$.get(http://localhost/topage+'.php', function(data) {
$('#contenido').html(data);
});
return false;
});
}
quise hacer un algo parecido como funcinan los iframe's.... Funciona!!! pero al principio tienes que dar click dos veses para que comiense a funcionar y despues de hay funciona normalmente pero el proceso se multiplica muchas veses y eso no esta bien, esto lo verifique con el firebug en firefox.... ahora: lo puse de esta manera..

function gotopage()
{
var topage = $("#main a").attr('rel');
alert (topage);
$.ajax({
url: topage+".php",
success: function( data )
{
$('#contenido').html(data)
}
});
return false;
}
lo hace normalmente pero no puedo recojer el atributo que nesesito que es del siguiente menu en html:
<ul>
<li><a rel="reguests" onclick="gotopage();return false;" href="javascript:void(0);return false;">Registar</a></li>
<li><a rel="users" onclick="gotopage();return false;" href="javascript:void(0);return false;">Usuarios</a></li>
</ul>
por porner algun ejemplo el atributo que ocupo es el rel que puse en el link pero no lo toma esta vez me lo marca como undefinid

alguie que me guie, se lo agradeceria ?

Creo que con este codigo deberia andar bien...

Código Javascript :

$("#main a").click(function()
{
    var topage = $(this).attr('rel');
    //console.log(topage);
    $.get('http://localhost/'+topage+'.php', function(data) {
          $('#contenido').html(data);
    });
     return false;
}); 

Un consejito, capaz que ves que cambie tu alert por un console.log ... si descomentaras esa linea, verias un mensaje (no tan molesto como un alert) en la parte de consola de firebug... es bastante util.
Y ahora, ya, con el problema que tenias, parece que era porque encerrabas dentro de una funcion al evento, entonces recien cuando lo clickeabas jquery se ponia a esperar por el click, y ya al segundo click jquery podia actuar... asi que sacandolo de la funcion deberia andar bien; basicamente copia este codigo en la parte principal del javascript

muchas gracias por contestar... no funciono asi me arrojo "return not in function void(0);return false;"
que anteriormente tenia el link asi:

<li><a rel="reguests" onclick="return false;" href="javascript:void(0);return false;">Registar</a></li>

y dado a que quitaste la funcion creo que deveria ir asi:

<li><a rel="reguests" href="javascript:void(0);return false;">Registar</a></li>

y el error que me esta rrojando es por el atributo href del link pero pues intente con "#" y nada ya no funciona... aver si me puedes ayudar nuevamente porfa....
saludos

Bueno, te dejo como creo que deberia ir el codigo:
html:

Código HTML :

<ul id="lista">
<li><a rel="reguests" href="#">Registar</a></li>
<li><a rel="users"  href="#">Usuarios</a></li>
</ul>

Javascript:

Código Javascript :

$("#lista li a").click(function()
{
    var topage = $(this).attr('rel');
    //console.log(topage);
    $.get('http://localhost/'+topage+'.php', function(data) {
          $('#contenido').html(data);
    });
     return false;
}); 

Creo que el otro problema era que no referenciabamos bien el evento hacia el link, con esto te ahorras poner los eventos en el html, y deberia funcionar.De todas formas, si no te funciona avisa

Sale Muchas gracias Funciono a la perfeccion =D