JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/2.1.0/bootstrap.min.js"></script>
<div class="section-input">
                                <div class="popover-markup" id="spouse-age"><a href="#" class="trigger">32</a>
                                    <div class="head hide"></div>
                                    <div class="content hide">
                                            <div class="form-group s-formgroup">
                                        	<div class="age-grp1 pull-left">
                                            	<label for="kid19">UNDER 19 YEARS</label>
                                            	<input type="text" id="kid19" value="" maxlength="2" class="pull-left numbersOnlyField">
                                            </div>
                                            <div class="age-grp2 pull-right">
                                            	<label for="kid26">19-26 YEARS</label>
                                            	<input type="text" id="kid26" value="" maxlength="2" class="pull-left numbersOnlyField">
                                            </div>
                                            <div class="row-fluid">                                           
                                            	<button type="button" id="kids" class="btn btn-default btn-block btn-lg">ok</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

CSS

@import url('http://getbootstrap.com/dist/css/bootstrap.css');

JavaScript

$('.popover-markup>.trigger').popover({
    html: true,
    placement: 'right',
    content: function () {
        return $(this).parent().find('.content').html();
    }
    
});

$('.s-formgroup').closest('.popover').css('background-color', 'red');