Función indefinida: ¿Se debe definir una función JavaScript dentro del mismo archivo?

Question

Tengo un archivo notifications.js que contiene un evento vinculado a un elemento y una función updateNotification(). Esta función usa jQuery para actualizar ciertos elementos en la página cuando se pasa un objeto JSON como parámetro.

El problema:

Estoy intentando llamar a esta función dentro de la página (a través de <script> Etiquetas), sin embargo, en lugar de llamarlo, rompe la página. Cavé un poco dentro de la consola de desarrollador de Chrome (no estoy seguro del nombre), y se marcó un error:

/pleaseshare/views/install/:50 Uncaught ReferenceError:updateNotification is not defined

Sin embargo, cuando salgo dentro de la consola, puedo ver claramente el archivo notifications.js Listado en scripts, y la función se define allí. Si defino la función dentro del alcance actual (por ejemplo, la línea sobre la llamada), funciona bien.

Lo que he probado

La función contiene un JavaScript que requiere jQuery, por lo que he intentado con y sin encerrarlo en $(document).ready( function() {});, sin que ninguno parezca tener ningún efecto.

Estoy bastante perplejo.

En buena medida, aquí hay un enlace para mostrar la estructura de mi JavaScript y HTML: http://snippi.com/s/znk6xe9

¡Cualquier ayuda para descubrir por qué está sucediendo esto, o explicaciones de por qué las funciones de JavaScript no se pueden llamar File Cross (aunque espero que este no sea el caso), se aprecie mucho;)!