title: Javascript : Getting 'Use Strict' error
body: <p>I am new to Javascript. I am trying to spit something out to the Chrome Console but am getting these errors in JSLint in Brackets :</p>
  
  <pre><code>'$' was used before it was defined. $(document).on("ready", function() {
  3   Expected exactly one space between 'function' and '('.  $(document).on("ready", function() {
  4   Missing 'use strict' statement. console.log("Address Explorer JS up and running.");
  4   Expected 'console' at column 5, not column 3.   console.log("Address Explorer JS up and running.");
  4   'console' was used before it was defined.   console.log("Address Explorer JS up and running.");
  </code></pre>
  
  <p>Here is the JS code :</p>
  
  <pre><code>"use strict";
  /* address-explorer.js */
  
  $(document).on("ready", function() {
    console.log("Address Explorer JS up and running.");
  });
  </code></pre>
  
  <p>I tried adding the 'Use Strict'; statement at the top of the file but these errors don't go away and nothing spits out to the console. Here is the HTML :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;My Address Explorer&lt;/title&gt;
      &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.min.css" rel="stylesheet"&gt;
      &lt;script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="./address-explorer.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;h1 class="twelve coloumns"&gt;
              Your Account
          &lt;/h1&gt;
          &lt;div class="five coloumns"&gt;
              &lt;span id="displayed_balance" class="value"&gt;&amp;nbsp;&lt;/span&gt;
              &lt;br&gt;&lt;span class="label"&gt; Total Balance&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="four coloumns"&gt;
              &lt;span id="transaction_count" class="value"&gt;&amp;nbsp;&lt;/span&gt;
              &lt;br&gt;&lt;span class="label"&gt; Transactions&lt;/span&gt;
          &lt;/div&gt;
          &lt;div class="two coloumns"&gt;
              &lt;span id="blocks_mined_count" class="value"&gt;&amp;nbsp;&lt;/span&gt;
              &lt;br&gt;&lt;span class="label"&gt;Blocks Mined&lt;/span&gt;
          &lt;/div&gt;
          &lt;h4 class="twelve columns"&gt;Activity&lt;/h4&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Help would be appreciated.</p>