I tried all the solutions mentioned in stackoverflow and nothing works for me. 

Head section as 

```
<script src="js/bootstrap.js"></script>
<script type='text/javascript'>
$('[data-toggle="tooltip"]').tooltip();
</script>

```

and in html

```
<div class="odd-row">
   <strong>10, 000</strong> 
       <a href="#" data-toggle="tooltip" title="Some tooltip text!">Datapoints</a>
   <i class="fa fa-plus-circle"></i>
</div>

```

in the bottom of the page (for performance reason) I included the other files

```
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="js/jQuery.js">   </script>   
<script type="text/javascript" src="js/retina.js"></script> 

```

Still the tooltip is not working!! Please help me.