title: Get the id of the popover button
body: <p>I'm dynamically adding buttons to the DOM. On each button, there's a popover. Here's my code:-</p>
  
  <pre><code>&lt;button class="pop-Add" id='button1'&gt;Add&lt;/button&gt;
  
  var popOverSettings = {
  placement: 'bottom',
  container: 'body',
  selector: '[rel="popover"]',
  html:true,
  content: "&lt;button type='button' id='+50' class='btn btn-small pop_button'&gt; + 50 &lt;/button&gt;"
  }
  
  $('body').popover(popOverSettings);
  $('.pop-Add').click(function () {
          var id = Math.floor((Math.random() * 1000000) + 1);
      button = "&lt;button rel='popover' id='" + id + "'&gt;Click me&lt;/button&gt;"
      $('body').append(button);
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/RRGnb/484/" rel="nofollow">jsFiddle</a></p>
  
  <p>I want to get the id of that <code>ClickMe</code> button whose popover button '+50' is clicked. How can I get it?</p>
  
  <p>This is how I'm currently doing:-</p>
  
  <pre><code>$(document).on('click', '.bid_value_buttons' , function(){
      alert($(this).attr('id'))
  }
  </code></pre>