title: Bootstrap add tooltip to dropdown
body: <p>I am trying to add tooltip to Bootstrap, tried all solutions found on internet - nothing helps. Here is my dropdown(I am also using String and jstl tags):</p>
  
  <pre><code>    &lt;div class="btn-group" style="margin-bottom:5px; width: 100%;"&gt;
                &lt;a id="tableNameButton" data-placement="bottom" title="Text" class="my-tooltip my-dropdown tableNameButton btn btn-default btn-block btn-select" data-toggle="dropdown" href="#"&gt;Select table &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
                &lt;form:input class="form-control" id="tableNameFormId" path="tableName" style="visibility: hidden; display: none;" /&gt;
                &lt;ul id="tableName" class="dropdown-menu scrollable-menu"&gt;
                       &lt;c:forEach items="${databaseTables}" var="databaseTable"&gt;
                               &lt;li&gt;&lt;a href="#"&gt;${databaseTable}&lt;/a&gt;&lt;/li&gt;
                       &lt;/c:forEach&gt;
                &lt;/ul&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p>And on javascript:</p>
  
  <pre><code>$('.my-dropdown').dropdown();
  $('.my-dropdown').tooltip();
  </code></pre>
  
  <p>This thing doesn't work.
  Hope someone already solved this problem, thanks in advance.</p>