Tengo un enlace que cargará a través de ajax algún contenido.

Mi problema es que no quiero eliminar el texto "Cargar comentarios", solo quiero no permitir más clics en esta clase.

<a href="javascript:;" class="showcomments" id="'.$idf.'">Load comments</a>

Jquery

var Progressajax = false;
$(function() {
     $(".showcomments").click(function(){

               if(Progressajax) return;
                   Progressajax = true;

    var element = $(this);
    var id = element.attr("id");

    Progressajax = false;
           alert("ok");
           $(data).hide().prependTo('.varload'+id).fadeIn(1000);
         //$(element).remove();
        $(element).removeAttr("href");
        $(element).removeClass('showcomments');
    }); 
    });

Solo quiero ver bien la primera vez. ¿Cómo puedo eliminar esta clase?

$(element).removeClass('showcomments');

Esto no está funcionando...

http://jsfiddle.net/qsn1tuk1/