Funzione Undefined: deve essere definita una funzione JavaScript all'interno dello stesso file?

Question

Ho un file notifications.js contenente un evento associato a un elemento e una funzione updateNotification(). Questa funzione utilizza jQuery per aggiornare determinati elementi sulla pagina quando un oggetto JSON viene passato come parametro.

Il problema:

Sto tentando di chiamare questa funzione all'interno della pagina (tramite <script> Tag), tuttavia piuttosto che chiamarlo, rompe la pagina. Ho fatto un po 'di scavo all'interno della console per sviluppatori Chrome (non sono sicuro del nome) e un errore viene contrassegnato:

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

Tuttavia, quando vado all'interno della console, posso vedere chiaramente il file notifications.js Elencato sotto gli script e la funzione è definita lì. Se definisco la funzione all'interno dell'ambito corrente (ad esempio la riga sopra la chiamata), funziona bene.

Quello che ho provato

La funzione contiene alcuni javascript che richiedono jQuery, quindi ho tentato sia con e senza racchiuderlo $(document).ready( function() {});, con nessuno dei due sembra avere alcun effetto.

Sono piuttosto sconcertato.

Per buona misura, ecco un link per mostrare la struttura del mio JavaScript e HTML: http://snippi.com/s/znk6xe9

Qualsiasi aiuto nel capire perché ciò stia accadendo o spiegazioni sul perché le funzioni JavaScript non possono essere chiamate file incrociate (anche se spero che non sia così), sarebbe molto apprezzato;) !!