工具提示在滑块上使用jquery不起作用

我刚刚开始编写jquery工具提示。但是，它没有开火。我有一个滑块，滑块上有一个圆圈。每当我点击圆到下一个点时，它都会显示带有一些信息的工具提示。这是我的密码

var tooltip = $('#ncbtooltip');
    tooltip.hide();
    var slider = $(".slider-horizontal");
    slider.slider().find(".tooltip-inner").append(tooltip).click(function () {
        //Not working 
        $("#tooltip1 .tooltip-inner .spnNCBMessage").text("Hey");
        tooltip.show()
    }, function () {
        tooltip.hide()
    })

HTML

令人惊叹的！您现在有资格获得%

请参见示例，您将滑块放在何处-需要更多的代码来使用滑块。抱歉。我会更新细节的。

<div id="ncbtooltip" class="tooltip fade top in tooltip-light">
   <div class="tooltip-arrow"></div>
   <div class="tooltip-inner"><b>Awesome!</b> You're now eligible for NCB of <span  class="spnNCBMessage"></span>%</div>
                            </div>