Kendo UI tooltip with filter click

Show click event going to underlying elemenst.

HTML

<script src="http://cdn.kendostatic.com/2013.1.514/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2013.1.514/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://twitter.github.io/bootstrap/assets/css/bootstrap.css">
<div id="container">
    <h1>Tooltip on Click</h1>
    <div id="tooltips">
        Click here should show the alert
        <div class="Tooltip" title="(tooltip) Over NHG"><p>Click here</p></div>
    </div>
</div>

CSS

h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
.Tooltip {
    
}

JavaScript

$("#container").kendoTooltip({
    autoHide: false,
    filter: "",
    showOn: "click"
});

$("#container .ToolTip").on("click", function (e) {
    e.stopPropagation();
});

$("#tooltips").click(function () {
    alert("red alert!");        
});