title: Multiple (document).ready(function) issue
body: <p>I'm having an issue with multiple </p>
  
  <pre><code>jQuery(document).ready(function($)
  </code></pre>
  
  <p>I tried a dozen related question/answers here but no luck. If i take one of the below out, other works and vice versa.</p>
  
  <p>I cant figure out my issue with this</p>
  
  <p>The code is </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>/* 
   * Toggles search on and off
   */
  jQuery(document).ready(function($){
      $(".search-toggle").click(function(){
          $("#search-container").slideToggle('slow', function(){
              $('.search-toggle').toggleClass('active');
          });
          // Optional return false to avoid the page "jumping" when clicked
          return false;
      });
  
   /* 
   * Toggles Match tab
   */
  jQuery(document).ready(function($){
      $(".control-all ").click(function(){
          $(".match-events").slideToggle('fast', function(){
              $('.control-all ').toggleClass('active');
          });
          // Optional return false to avoid the page "jumping" when clicked
          return false;
      });   </code></pre>
  </div>
  </div>
  </p>
  
  <p>Any solutions for this to work?
  Regards</p>