Kendo UI tooltip click

Show click event going to underlying elemenst.

by RedF

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 id="aTooltip" 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: ".Tooltip",
    showOn: "click"
}).each(function() {
    $(this).click(function(e) {
    e.stopPropagation();
    }
}));

$("#tooltips").click(function () {
     alert("I'm clicked too!");   
});