JSFiddle - React, Tailwind, and code Playground

HTML

<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/js/bootstrap.min.js"></script>

<div class="input-append">
    <select id="grant" name="grant" class="input-medium required">
        <option value="" disabled="" selected="">--Select--</option>
    </select>
    <span class="add-on">Test</span>
</div>

CSS

.input-append .add-on:last-of-type, .input-append .btn:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

JavaScript

$('span.add-on').tooltip({
    placement: 'bottom',
    title: 'Test'
});