title: How to bind an input tag inside a popover to Vue Model
body: <p>I have an <code>input</code> inside a popover content like so:</p>
  
  <p><a href="https://jsfiddle.net/jpf5u5zh/" rel="nofollow noreferrer">JSFiddle</a></p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="vue-app"&gt;
      &lt;div class="btn btn-primary" data-toggle="popover" data-placement="bottom" title="Hello World!" data-html="true" data-content='&lt;input v-model="message"/&gt;'&gt;
          Click Me!
      &lt;/div&gt;
      &lt;hr&gt;
      &lt;input v-model="message"&gt; {{ message }}
  &lt;/div&gt;
  </code></pre>
  
  <p>And here is JS :</p>
  
  <pre><code>new Vue({
      el: '#vue-app',
      data: {
          message: 'I am a Text'
      }
  });
  $(document).ready(function() {
      $('[data-toggle="popover"]').popover();
  });
  </code></pre>
  
  <p>As you can see the input out of <code>data-content</code> binds well, but the one inside doesn't bind!</p>
  
  <p>Any idea would be great appreciated.</p>