title: Bootstrap Popover on Input : hover
body: <p>I'm using simple form and trying to get the popover working for an Input.</p>
  
  <p>The NEW form Input:</p>
  
  <pre><code>&lt;p&gt;
            &lt;%= f.input :title, input_html: { class: 'login-form-block',
                                              id: "login-form-selector",
                                              data: { :toggle =&gt; 'popover',
                                                      :trigger =&gt; 'hover',
                                                      :content =&gt; 'Some popover content' }},
                        :autofocus=&gt;true, label: false, placeholder: "Title",
                        :hint =&gt; "Enter a Title for your Clip" %&gt;
          &lt;/p&gt;
  </code></pre>
  
  <p>I added <code>addclips.js</code> to vendors/assets/javascripts and <code>//= require addclips.js</code> in my application.js</p>
  
  <p>My addclips.js file looks like this:</p>
  
  <pre><code>$('#login-form-selector').popover()
  </code></pre>
  
  <p>Could someone help me combine everything together and explain me the Javascript i have to include to get this working, for my input?</p>