title: Bootstrap tooltip click trigger not working
body: <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>