Выделение активного пункта меню в блоггере блоггера с помощью JavaScript

У меня проблема с этим javascript, который я использую для выделения активных элементов на вкладке навигации. Все работает отлично здесь http://jsfiddle.net/gfkM4/148/, но в блогере это не так:

Я добавил класс

.active_item {
    background:#EFEFEF;
}

в мой шаблон и поместите этот скрипт перед тегом закрывающего заголовка

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type='text/javascript'>

/* Function to add class active_item to navsub */

(function () {
    $('.navsub li').bind('click', function (e) {
        var el = $(this),
            list = $('.navsub').find('li');
        list.removeClass('active_item');
        el.addClass('active_item');
    });
}());

</script>

</head>

Тем не менее, класс не добавлен, как ожидалось, в блоггере... Любые советы приветствуются!