JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">

<div class="col-sm-12 col-md-12 col-lg-6">
                        <div class="well">
                            <h3>Popovers</h3>

                          
                                    <a href="javascript:void(0);" class="btn btn-default" rel="popover" data-placement="bottom" data-original-title="Popover Up" 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/>"><i class="fa fa-arrow-up"></i> <strong>Popover</strong> <i>Up</i></a>
                          
                               
                        </div>
                    </div>

JavaScript

$(function(){

    // pop up .popover-test
    //$('.popover-test').popover();    
        
    // pop up #example1, #example2, #example3 with same content
    $('[rel=popover]').popover({ 
        html : true, 
        //content: function() {
          //return $('#popover_content_wrapper').html();
        //}
    });
    /*$("#btntest").click(function () {
        alert("You click on button");
    });*/
    $(document).on('click',"#btntest",function () {
      alert("test button clicked");
   });
    

});