bootstrap popover button click event does not working using jquery

Question

I use the code for bootstrap popover as follows,

<a href="javascript:void(0);" class="btn btn-primary btn-sm" rel="popover"  data-placement="top"
                        data-original-title="<i class='fa fa-fw fa-users'></i> Enter New Investor Group"
                        data-content="<div class='smart-form'><div class='col-sm-10'><label class='input'><input type='text' name='NewInvestor' placeholder='Investor Group Name' id='NewInvestor' /></label></div><div class='col-sm-2'><button id='btntest' class='btn btn-primary btn-sm assignedGroup' type='button' data-target-id='NewInvestor' >ADD</button></div></div><div class='clearfix'></div><br/>"
                        data-html="true">Add</a>

I would like to trigger a event on button click in jquery. Code as follows,

$("#btntest").click(function () {
        alert("You click on button");
    });

JSFiddle

What would be the reason my code is not working?

I will appreciate your help in advanced.

Answer 1

Assuming your code renders correctly, try the code below.

$(function(){
   $(document).on('click',"#btntest",function () {
      alert("test button clicked");
   });
});

Edited

Take a look at my JsFiddle and see if it works http://jsfiddle.net/jb5fexp3/