Cancelar Referencia A ID Con jQuery

Esto pasa cuando tenemos un enlace haciendo referencia a algún id con el símbolo #, pero al presionar click en este no queremos que se mueva a esa posición. Esto podemos evitarlo.

A lo que me refiero es a un enlace de este tipo:

<a href="#referencia">Menu</a>

Podemos cancelar la referencia de esta forma:

$('#referencia').click(function(event) {
    event.preventDefault();
    // haz lo tuyo
});

// ó retornando false
$('#referencia').click(function(event) {
    // haz lo tuyo
    return false;
});

Y mostrar el menú sin que tenga que hacer referencia al id en el navegador.