title: Uncaught ReferenceError: $ is not defined error in jQuery
body: <p>I have this code in <code>jQuery</code>: (the file name is javascript.js ...I was using JavaScript before...)</p>
  
  <pre><code>$(document).ready(function() {
   $("#readFile").click(function() {
      $.get('test.txt', function(data) {
        $("#bottom_pane_options").html(data); // #bottom_pane_options is the div I want the data to go
      }, 'text');
   });
  });
  </code></pre>
  
  <p>...and this in HTML:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Culminating&lt;/title&gt;
      &lt;link href="style.css" rel="stylesheet" type="text/css"&gt;
  
      &lt;script type="text/javascript" src="./javascript.js"&gt;&lt;/script&gt;
      &lt;script
          src="http://maps.googleapis.com/maps/api/js?key=AIzaSyCJnj2nWoM86eU8Bq2G4lSNz3udIkZT4YY&amp;sensor=false"&gt;
      &lt;/script&gt;
  
      &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"&gt;&lt;/script&gt;
  
  
      &lt;script&gt;
          function initialize()
          {
          var mapProp = {
            center:new google.maps.LatLng(50.569283,-84.378433),
            zoom:5,
            mapTypeId:google.maps.MapTypeId.TERRAIN
            };
          var map=new google.maps.Map(document.getElementById("googleMap"),mapProp);
          }
  
          google.maps.event.addDomListener(window, 'load', initialize);
      &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="content"&gt;
          &lt;div id="googleMap"&gt;&lt;/div&gt;
          &lt;div id="right_pane_results"&gt;hi&lt;/div&gt;
          &lt;div id="bottom_pane_options"&gt;
              &lt;button id="readFile"&gt;Read File&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>When I check the console, I get the <code>Uncaught ReferenceError</code> saying that <code>$</code> is not defined on the first line.  I'm assuming that it is referring to the first character on the first line.  I got this code from a website and I'm new to <code>jQuery</code> so I'm not sure what is going wrong here.  </p>
  
  <p>Any suggestions?</p>