title: Twitter Bootstrap Popover Not Working
body: <p>In <code>app/assets/javascripts</code>, I have saved <code>bootstrap.js</code> (from twitter github). I have the BootStrap CSS that pertains to popover and tooltip loaded -- in <code>app/assets/stylesheets</code></p>
  
  <p>From my <code>show.html.erb</code> in <code>app/views/questions</code>:</p>
  
  <pre><code>    &lt;button class="btn" id="button1"&gt;&lt;%= @question.option_1 %&gt;&lt;/button&gt;
      &lt;script type="text/javascript"&gt;
      $(function() {
        $(".btn").click(function() {
        var idname = this.id;
          $("#"+idname).addClass("clicked");
          $("#"+idname).siblings().removeClass("clicked");
      });
  
      });
  
      $(function () {
        $(".btn").popover( offset: 5,
                           placement: 'left');
      });
      &lt;/script&gt;
  </code></pre>
  
  <p>My <code>application.js</code> file in <code>app/assets/javascripts</code> has these as the last 3 lines:</p>
  
  <pre><code>    //= require jquery
      //= require jquery_ujs
      //= require_tree .
  </code></pre>
  
  <p>It looks like they are just comments, but I looked up the syntax and it seems to be correct.</p>
  
  <p>Things I have tried:
  1.) Loaded all of the CSS (not just those pertaining to popover).
  2.) All of the other relevant stackoverflow posts</p>