Bootstrap tooltip click trigger not working
<p>Absolute noob here. My aim is to get the bootstrap-tooltip to appear on clicking a bootstrap-glyphicon. But it appears on hover instead. Sharing the jsfiddle here - <a href="https://jsfiddle.net/govind91/Lzzgxcro/" rel="nofollow">https://jsfiddle.net/govind91/Lzzgxcro/</a> </p>

<p>This is the html</p>

<pre><code>&lt;span class="glyphicon glyphicon-question-sign" aria-hidden="true" title="Some tooltip text!" data-toggle="tooltip" data-trigger="click" &gt; &lt;/span&gt;
</code></pre>

<p>Javascript </p>

<pre><code>$(function () {
$('[data-toggle="tooltip"]').tooltip()
    });
</code></pre>

<p>Kindly let me know where I'm going wrong. </p>