How to hide the tooltips

Question

am using submit buttons and providing the tooltip for the buttons.on click these tooltips are still remaining for multiple buttons.

 

<div class="bottom" style="background-color: #d0d9d5; width: 100%;">

<div class="table-responsive">

<table class="table table-borderless" style="margin-bottom: 0px; width: 98%">

<tbody>

<tr>

<td style="text-align: center">

<button title="Save Board Data" data-toggle="tooltip" type="submit" style="text-align: center; width: 10em; height: 3em; color: black">Save</button></td>

</tr>

</tbody>

</table>

</div>

</div>

 

above is code for declaring buttons. I have found many codes for hiding but i am not getting where to put the code as i am new. Please help to in sorting this.

 

i have tried this but didnt know the right position to put the code.

 

$('[data-toggle="tooltip"]').tooltip({ trigger : 'hover' })