INPUT - BADGE/LABEL Inside Input - #2

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/2.3.1/css/bootstrap.min.css">
<div class="form-group">
<input id="ajax_search_input"  class="span2" id="prependedInput" type="text" placeholder="Username">
<span class="label label-danger" id="#danger">Danger</span>
</div>

CSS

.form-group {
    position: relative;
}

input[type="text"] {
    padding-left: 60px;
}

.label-danger {
    position: absolute;
    left: 3px;
    top: 0px;
    width:100px;
}