Count Bubble in Collapsible Element

by emgee

HTML

<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css">
<div data-role="page">

    <div data-role="header">
        <h1>My Title</h1>
    </div><!-- /header -->

    <div data-role="content">    
        <div data-role="collapsible-set" data-theme="d" data-content-theme="b" data-iconpos="right"
            class="ng-collapsibleset">
            <div data-role="collapsible">
                <h3>
                    <span style="float:left;">
                        Abnormal</span>
                    <span style="float:right;" class="ui-btn-up-c  ui-btn-corner-all cnt">124566</span>
                </h3>
                <div id="divAbnormalPaq" style="margin-top: 5px;">
                </div>
            </div>
            <div id="divCollPendingPaq" data-role="collapsible">
                <h3>Pending</h3>
                <div id="divPendingPaq" style="margin-top: 5px;">
                </div>
            </div>
            <div data-role="collapsible">
                <h3>Rejected</h3>
                <div id="divRejectedPaq" style="margin-top: 5px;">
                </div>
            </div>
        </div>
    </div><!-- /content -->

</div><!-- /page -->

CSS

.cnt{
font-size: 11px;
font-weight: bold;
padding: 2px 5px 2px 5px;
}