Jquery: ShowBubblePopup не работает

Question

Я использую этот плагин Jquery: http://www.vegabit.com/jquery_bubble_popup_v2/

Отлично работает.

Теперь я хочу использовать событие ShowBubblePopup в какой-то другой области моей страницы (которая не вызывает всплывающее окно), например, на боковой панели с текстовой ссылкой или чем-то еще.

Не работает

$('#SideBarText').mouseover(function(){
    $('#TheBigPopup').ShowBubblePopup();
});

Должен ли я просто поместить вышеуказанный код в мою "голову" между тегами скрипта Jquery?

Вот как выглядит соответствующая область моего блока кода головы:

    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'template_url' ); ?>/jquery.bubblepopup.v2.3.1.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/scripts/jquery.bubblepopup.v2.3.1.min.js"></script>  
    <script type="text/javascript">
    <!--
    $(document).ready(function(){
        $('.wolf').CreateBubblePopup({
            position : 'left',
            openingSpeed: 1,
            closingSpeed: 1,
            align    : 'center',
            width   :'260px',
            selectable: true,
            innerHtml: '<h3>Wolf Company bubble thing',
            innerHtmlStyle: {
                color:'black', 
                'text-align':'left'
                },
            themeName:  'grey',
            themePath:  '/images/jquerybubble'
        });
    });
    //-->
    </script>

Answer 1

В innerHtml отсутствует закрывающий тег </h3>, который не поможет.