title: Bind bootstrap popover input value to the element who owns the popover
body: <p>I've a one column table and its TDs having a popover class. So in that TD when clicking on a button will ask for specifiying an input as shown below</p>
  
  <p><img src="https://i.stack.imgur.com/fIDE9.jpg" alt="enter image description here"></p>
  
  <p>As you can see the chart button trigger the popover for that TD and there are 2 inputs on the popover.</p>
  
  <p>So my scenario is to append that Input values in the popover to get copied to the div where "No benchmark specified label". So how can I identify for which TD or for which parent the popover created or initiated. More clearly how to determine the creator of the Popover when I click on the save button.</p>
  
  <p><strong>CODE</strong></p>
  
  <pre><code>$('.main-attributes').popover({
      html: true,
      container: 'body',
      placement: 'auto top',
      trigger: 'manual',
      title: function () {
  
  
          return $(this).find('.attribute-title').html() + " - Score Range"
      },
      content: function () {
  
          var H = $('#div_scoreselector');
  
          return $(H).html();
      }
  })
  $('.manage-range').on('click', function (e) { //.manage-range is the chart button as shown in image which opens the popup
      var ma = $(this).parents('.main-attributes');
      $('.main-attributes').not(ma).popover('hide');
      $(ma).popover('toggle');
      e.stopPropagation();
  });
  </code></pre>
  
  <p><strong>Score Selector DIV</strong></p>
  
  <pre><code>&lt;div class='hidden' id='div_scoreselector'&gt;
      &lt;div&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-md-12"&gt;
                  &lt;div class="row div-scorerange"&gt;
                      &lt;div class="col-md-6"&gt;
                          &lt;div class="form-group"&gt;
                              &lt;label class="control-label"&gt;
                                  From&lt;/label&gt;
                              &lt;input placeholder="Low Score" type="text" class="form-control" /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="col-md-6"&gt;
                          &lt;div class="form-group"&gt;
                              &lt;label class="control-label"&gt;
                                  To&lt;/label&gt;
                              &lt;input placeholder="High Score" type="text" class="form-control" /&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
                  &lt;hr /&gt;
                  &lt;div class="row"&gt;
                      &lt;div class="col-md-6 col-md-offset-6"&gt;
                          &lt;button class="btn-dark-grey btn"&gt;
                              CANCEL&lt;/button&gt;
                          &lt;button class="btn btn-red"&gt;
                              SAVE&lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>