title: Bootstrap Tooltips Not Working
body: <p>I can't get my bootstrap tooltips to work, I've tried literally everything, multiple jQuery versions, multiple bootstrap versions, multiple code snippets (seen a lot of similar problems here on stackoverflow), javascript on the head and after the body, nothing seems to work ...</p>
  
  <p>Here's my current code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
          &lt;script&gt;
              $(function(){
                  $('[data-toggle=tooltip]').tooltip();
              });
          ​&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Example"&gt;Tooltip&lt;/button&gt;
      &lt;/body&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
  </code></pre>