Demo of tooltip items option to explode

Place your mouse over the input element , it will show the title associated with DIV element. Note that it is showing the title of the DIV as tooltip and not showing the title of input box, because we have set the items options to DIV element.

Tutorial on tooltip Demo of dynamically selecting items option of tooltip

HTML

<div class='col-md-4' title='This is title of div element'> 
<input type=text name=t1 id=my_tooltip class='form-control'
 placeholder='Bring Mouse here' title='This is title of input box'></div>

jquery

<script>
$(document).ready(function() {	
/////////
$( "#my_tooltip" ).tooltip({
items: "div"
});
////////////
var present_items = $( "#my_tooltip" ).tooltip( "option", "items" );
$('#d1').html( " <b>Status of items:</b> " + present_items );
////
})
</script>