Firebase uncaught referenceError: firebase not defined
<p>I am having trouble connecting my firebase db in an OnsenUI/monaca app.  I have looked through other threads pertaining to this issue, and I have made sure my call is updated for firebase 3.x.x.  However, each time I try to launch the app in development, I get the same firebase not defined error. I am new to all this, and any help would be much appreciated</p>

<p>index.html</p>

<pre><code>&lt;!DOCTYPE HTML&gt;
&lt;html&gt;
&lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"&gt;
  &lt;meta http-equiv="Content-Security-Policy" content="default-src * data:; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"&gt;
  &lt;script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  //creates reference to firebase
  var ref = new Firebase('https://monaca-cli-trial.firebaseio.com/');

  // Initialize Firebase
  var config = {
    apiKey: "whateverapinumber",
    authDomain: "myapp.firebaseapp.com",
    databaseURL: "https://myapp.firebaseio.com",
    storageBucket: "",
  };
  firebase.initializeApp(config);

  var rootRef = firebase.database().ref();

  &lt;/script&gt;
  &lt;script src="https://www.gstatic.com/firebasejs/3.3.0/firebase.js"&gt;&lt;/script&gt;

  &lt;script src="components/loader.js"&gt;&lt;/script&gt;
  &lt;script src="lib/onsenui/js/onsenui.min.js"&gt;&lt;/script&gt;
  &lt;script src="lib/javascriptstuff.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="components/loader.css"&gt;
  &lt;link rel="stylesheet" href="lib/onsenui/css/onsenui.css"&gt;
  &lt;link rel="stylesheet" href="lib/onsenui/css/onsen-css-components.css"&gt;
  &lt;link rel="stylesheet" href="css/style.css"&gt;
</code></pre>

<p>The error I get points to line 19, which is the <code>firebase.initializeApp(config);</code></p>