Uncaught TypeError: $(...).typeahead is not a function
<p>I am working on bootstrap responsive "Content Tabs" and as a starter guide I got the following code.</p>

<p><strong>JS</strong></p>

<pre><code>$('#openBtn').click(function() {
     $('#myModal').modal({
         show: true
     })
 });
 $('#myTab a').click(function(e) {
     e.preventDefault();
     $(this).tab('show');
 });

 $(function() {
     $('#myTab a:last').tab('show');
 })
 $("[data-toggle=tooltip]").tooltip();
 $("[data-toggle=popover]").popover();
 $(".alert").delay(200).addClass("in").fadeOut(3500);

 $(".alert").addClass("in").fadeOut(3500);

 $('.typeahead').typeahead({
     source: function(typeahead, query) {
         /* put your ajax call here..
         return $.get('/typeahead', { query: query }, function (data) {
            return typeahead.process(data);
         });
         */
         return ['alpha', 'beta', 'bravo', 'delta', 'epsilon', 'gamma', 'zulu'];
     }
 });
 $("[rel='tooltip']").tooltip();

 $('.thumbnail').hover(
     function() {
         $(this).find('.caption').slideDown(250); //.fadeIn(250)
     },
     function() {
         $(this).find('.caption').slideUp(250); //.fadeOut(205)
     }
 );
</code></pre>

<p><strong>HTML</strong></p>

<pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;

&lt;div class="tabbable"&gt;
  &lt;ul class="nav nav-tabs"&gt;
    &lt;li class="active"&gt;&lt;a href="#tab1" data-toggle="tab"&gt;Section 1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#tab2" data-toggle="tab"&gt;Section 2&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div class="tab-content"&gt;
    &lt;div class="tab-pane active" id="tab1"&gt;
      &lt;p&gt;I'm in Section 1.&lt;/p&gt;
    &lt;/div&gt;
    &lt;div class="tab-pane" id="tab2"&gt;
      &lt;p&gt;I'm in Section 2.&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<p>When i'm running this code its giving me following error: </p>

<blockquote>
  <p>"Uncaught TypeError: $(...).typeahead is not a function"</p>
</blockquote>

<p>ALthough my tabs work but its affecting another part of code which has stopped working. If I remove this part of Typehead function code from my JS file then my other part of code is working perfectly fine,but then the tabs doesn't work.</p>

<p>Any guidance in this will be highly appreciated.</p>

<p>Thanks in advance</p>