jquery - jQueryはサイトでは機能しませんが、jsfiddleでは機能します

Question

stefanz によってまとめられた次のコードは、jsfiddle ではうまく機能しますが、ローカルのワードプレス サイトでは機能しません。

これがフィドルです：http://fiddle.jshell.net/9ae3T/

コードは次のとおりです。

<ul class="tabs js-view-mode">
  <li><a href="#list">List</a></li>
  <li><a href="#grid">Grid</a></li>
  <li><a href="#full">Full</a></li>
</ul>

<section id="viewMode">
  <div id="list">here is list mode content</div>
  <div id="grid">here is grid mode content</div>
  <div id="full">here is full mode content</div>
</section>


$(document).ready(function(){
  var wrap = $('#viewMode'),
      viewMode = $.cookie( 'view-mode' );
  wrap.children().hide();

  $('.js-view-mode').on( 'click', 'a',function( e ){
    e.preventDefault();
    var t = $(this),
        type = t.attr('href');

    $(type).fadeIn()
      .siblings().fadeOut();

    viewMode = $.cookie( 'view-mode', type );

  });

  if ( viewMode ) {
    $('.js-view-mode a[href='+ viewMode +']').trigger('click');
  } else {
    $('.js-view-mode li:first a').trigger( 'click' );
  }

});

誰か提案がありますか？これは私の頭の中にあるものです (viewmode.js は上記のコードです):

<script language="javascript" type="text/javascript" src="<?php echo bloginfo('stylesheet_directory') ?>/js/viewmode.js"></script>
        <script language="javascript" type="text/javascript" src="<?php echo bloginfo('stylesheet_directory') ?>/js/cookie.js"></script>


        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>