Problemilla con función

[isaacperpas]

Hola a todos.

Llevo poco tiempo aprendiendo a manejar jQuery, y la verdad es que me estoy empezando a volver loco, porque creo que no se que mas puede ser el error. Veamos, tengo una web en HTML5 y CSS3, simple a la que quiero añadir mediante Javascript y jQuery la posibilidad de cambiar el idioma (cambiando el contenido de algunos divs o elementos). El caso es que no consigo hacer que eso funcione.

Para evitar el codigo largo solo pondre dos de las cosas que quiero cambiar de idioma, y el html solo con la estructura pero sin contenido real.

Código HTML:

<div id="content">
	<h2>Sobre mí</h2> 
        <p>Uno.</p> 
</div>
<div id="descriptions">
    	<h2 id="knowledge">Conocimientos</h2>
</div>
<img id="english" src="img/english.png" onclick="english()" /> 

Con ese trozo creo que puede valer para entenderlo, es decir cuando se clickee en la imagen, salte a la función english definida en un fichero *js externo (que tengo enlazado en el head igual que el fichero de jquery), que contiene lo siguiente:

Código:

function english() {
	$('#content').fadeOut(500,function(){
    	$('#content').html("<h2>About me</h2> <p>One.</p>");
    	$('#content').fadeIn(500);
 	});
	
    $('#knowledge').fadeOut(500,function(){
        $('#knowledge').html("Knowledge");
        $('#knowledge').fadeIn(500);
    });
};

El caso es que no hace nada, pero tampoco se queja de ningún error.

Gracias de antemano.

Un saludo.

[EmpireFX]

Por las dudas la funcion esta definida dentro de ready? deberia quedar..

Código Javascript:

// FUNCIONES AQUI
$(document).ready(function(){
      //
});
 

Podrias utilizar jquery sino..

Código Javascript:

$(document).ready(function(){
      $('#english').on('click', function (){
            //al hacer click...
      });
});