title: form in popover not working
body: <p>I'm using bootstrap and I want to create a form in a popover. I've done this but I can't type in the textfield of the form. Does anyone know why?</p>
  
  <p>*<strong>update</strong> It's inside a modal. Outside the modal it works but inside it doesn't...</p>
  
  <p>*<strong>update2</strong> Almost there I think. When I open modal and popover, I can't type in the textfield. After I close modal, popover is still open and then I can type in the textfield. So there must be some z-index between the textfield and popup. Real sloppy but I tried <code>input{z-index:9999;}</code> but it didn't work</p>
  
  <pre><code>&lt;a href="#" class="add_nr" data-nummer-id="nr_1" rel="popover"&gt;
  
  
  &lt;div id="add_number" class="popover"&gt;
      &lt;div class="addnr" id="nr_1"&gt;
          &lt;form class="form-inline"&gt;
              &lt;div class="controls"&gt;
                  &lt;input type="text" placeholder="Artist"&gt;
              &lt;/div&gt;
              &lt;div class="controls"&gt;
                  &lt;input type="text" placeholder="Number"&gt;
              &lt;/div&gt;
              &lt;a href="#"&gt;cancel&lt;/a&gt;
              &lt;button type="submit" class="btn"&gt;add number&lt;/button&gt;
          &lt;/form&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  
  
  $(function(){
          $('.add_nr').on('click', function(event){
              var $this = $(this);
              event.preventDefault();
              $('.add_nr').not($this).popover('hide');
              $this.popover('show');
  
          }).popover({
              trigger: 'manual',
              placement: 'bottom',
              content: function(e) {
                  var $this = $(this),
                  nr_id = $this.data('nummer-id');
                  return $('#' + nr_id + '.addnr').html();
              }
          })
      });
  </code></pre>