title: bootstrap: Uncaught TypeError: Object [object Object] has no method 'tooltip', 'typeahead'
body: <p>I am trying to use the tooltip, typeahead, datepicker features of bootstrap. But I keep getting these errors in the console!</p>
  
  <pre><code>Uncaught TypeError: Object [object Object] has no method 'tooltip'
  Uncaught TypeError: Object [object Object] has no method 'typeahead'
  </code></pre>
  
  <p>This is how my imports look like:</p>
  
  <pre><code>&lt;link href="css/bootstrap.css" rel="stylesheet"&gt;
  &lt;link href="css/datepicker.css" rel="stylesheet"&gt;
  &lt;link href="css/bootstrap-responsive.css" rel="stylesheet"&gt;
  &lt;script type="text/javascript" src="js/jquery-1.8.0.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap-datepicker.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/bootstrap-typeahead.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/highcharts.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="js/exporting.js"&gt;&lt;/script&gt;
  &lt;link type="text/css" rel="stylesheet" href="css/jquery.dropdown.css" /&gt;
  &lt;script type="text/javascript" src="js/jquery.dropdown.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Some sample code:</p>
  
  <pre><code>&lt;a class="btn btn-success" data-toggle="modal" href="#payments"
             rel="tooltip" data-placement="top" title="Record your payments"&gt;
              &lt;i class="icon-check icon-white"&gt;&lt;/i&gt; Payments&lt;/a&gt;
  
  $("#payments").tooltip('show');
  </code></pre>
  
  <p>Similarly I have code for datepicker and typeahead.</p>
  
  <p>any solution?</p>
  
  <p>EDIT:</p>
  
  <p>This is what I tried just now:</p>
  
  <pre><code>&lt;a href="#" rel="tooltip" data-placement="top" title="Tooltip on top"&gt;Test&lt;/a&gt;
  
  &lt;script type="text/javascript"&gt;
  $(function() {
      $("#").tooltip().tooltip('show');
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>But still no success. It does show the tooltip text when I hover over <code>Test</code> but the it is of the pre-historic times. Not like the ones shown on bootstrap example pages. Not cool. </p>
  
  <p>So now can anyone tell where am I going wrong?</p>