title: How to set textbox value inside bootstrap popover
body: <p>I am showing bootstrap popover upon clicking on Anchor element as follows.</p>
  
  <p><strong>Jquery</strong></p>
  
  <pre><code>$("[data-toggle=popover]").popover({
              trigger: 'click',
              placement: "top",
              html: true,
              content: function () {
                  return $('#popover-content').html();
              }
          });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="popover-content" class="hide"&gt;
      &lt;div class="form-group"&gt;
          &lt;input class="form-control" id="txtContent" type="text" /&gt;
          &lt;button id="btnOk" type="button" class="btn btn-default"&gt;
              &lt;span class="glyphicon glyphicon-ok"&gt;&lt;/span&gt;&amp;nbsp;
          &lt;/button&gt;
          &lt;button id="btnCancel" type="button" class="btn btn-default"&gt;
              &lt;span class="glyphicon glyphicon-remove"&gt;&lt;/span&gt;&amp;nbsp;
          &lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;a href='#' class='btn-link' data-html='true' data-toggle='popover'&gt;Sample text&lt;/a&gt;
  </code></pre>
  
  <p>I want to set textbox value(text) which is inside popover to same as anchor element's text (i.e. 'Sample text' here). Can someone please tell me how can I do that?</p>