title: JS function not loading from another file
body: <p>I'm trying to load a notify function in javascript from another file.</p>
  
  <p>I have a function called showSuccess() that works when I call it in my AJAX code function but when I try to call another one I just created, it is not working.</p>
  
  <p>I have tried clearing my cookies and sessions so it must be the code.</p>
  
  <p>When I put the function above my AJAX function, it works. But not when I try to call the function from another page. Like I said it works when I try to call showSuccess which is pretty weird as it's exactly the same function code as the one below, I just changed the <code>text:</code> .</p>
  
  <p>My js function I'm trying to load from another file :</p>
  
  <pre><code>//My console success notify
  function update_myConsole_success() {
      $.gritter.add({
          class_name: "-success",
          title: "Success!",
          text: "You have successfully updated your consoles credentials.",
          time: 6e3
      })
  };
  </code></pre>
  
  <p>My ajax function :</p>
  
  <pre><code>&lt;script&gt;
  function updateMyAccount() {
    var notify = document.getElementById("myConsoleNotify").value;
    $.ajax({
        type: "POST",
        url: "includes/form_submit.php",
        data: {
          SaveConsoleChanges: true,
          consoleNotify: notify
        },
        success: function(msg){
          if(msg == 1) {
            update_myConsole_success();
          } else {
            general_error_forms();
          }
        },
    });
  return false;
  }
  &lt;/script&gt;
  </code></pre>