title: JSFiddle toggle example not working
body: <p>I am trying to implement simple JSfiddle example : <a href="http://jsfiddle.net/HjJBZ/" rel="nofollow">http://jsfiddle.net/HjJBZ/</a></p>
  
  <p>However when I load it to my site (not JSFiddle!) it is not working. I have checked the console and it seems to say : </p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'ready' of null(anonymous function) @ VM2075:1Xd @ g:108Ah @ g:176gh @ g:163(anonymous function) @ g:164(anonymous function) @ g:125(anonymous function) @ g:101(anonymous function) @ g:20(anonymous function) @ 1025104082-3?mr=t1433769737&amp;mi='2.2082777797.1433755870147'&amp;mt=!n&amp;cs=!t</p>
  </blockquote>
  
  <p>My HTML code is: </p>
  
  <pre><code>&lt;style type="text/css"&gt;button#show2 {
    background-color: #323470;
    color: #fff;
    padding-top: 4%;
    padding-bottom: 4%;
    padding-left: 22%;
    padding-right: 22%;
  }
  #two {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 97%;
      height: 200px;
          background-color: #fff9d7;  
      border: 1px solid #e2c822;  
      color: #333333;  
      font-size: 13px;  
      font-weight: bold;  
      display: none;
      padding: 10px;
  }
  &lt;/style&gt;
  &lt;button id="show2"&gt;Finance Available &amp;gt;&amp;gt;.&lt;/button&gt;
  &lt;div id="two"&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec vitae augue libero. Nulla consequat leo malesuada condimentum rutrum. Vestibulum et mattis lacus. Nullam nec ex diam. Sed malesuada lorem quis tempus interdum. Nunc posuere ipsum vitae turpis luctus dapibus. Nam commodo efficitur justo, vitae gravida justo.&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My JavaScript code is:</p>
  
  <pre><code> $('document').ready(function() {
      $('#show2').click(function() {
          $('#two').slideToggle();
      });
  });
  </code></pre>
  
  <p>Thank you for your help</p>