No se pueden llamar funciones a los scripts de contenido haciendo clic en la imagen

Esto es lo que tengo aquí:

"manifest.json"

{..."permissions": [
"https:/mywebsite.com/"],"content_scripts": [{
  "matches" : ["http://*/*", "https://*/*"],
  "js": ["js/jquery-1.7.2.min.js", "contentScript1.js", "contentScript2.js"],
  "all_frames" : true,
  "run_at": "document_end"
} ]}

"contentScript1.js"

$(document).ready(function() {
$('#someDiv').load('https://mywebsite.com/index.html');}

"contentScript2.js"

function showMessage()
{alert ('Hello World!');}

"index.html"

<a href="" onclick="showMessage();"> <img src="https://mywebsite.com/images/myimage.png"></a>

Lo que realmente estoy haciendo aquí es inyectar una imagen al código de la página que estoy visitando y puedo esperar que al hacer clic en la imagen aparezca el mensaje "Hola mundo". A pesar del hecho de que los scripts de contenido y la imagen se cargan correctamente, cuando hago clic en la imagen, no se llama a la función y aparece el siguiente error en la consola:

Error de referencia no detectado: showMessage no está definido

Supongo que no puede encontrar la función tal como la está buscando en el sitio web en el que he inyectado el código y no en los scripts de contenido. Pero, ¿por qué? Quiero decir que si llamo a la función dentro de la secuencia de comandos de contenido cuando está cargada y no haciendo clic en la imagen, aparece el mensaje. ¿Alguien puede sacarme de aquí?

Respuestas a la pregunta(2)

Su respuesta a la pregunta