I have a bootstrap input that requires another div to the right of it but it won't seem to align with the code I'm using.

HTML (With bootstrap & fontawesome)

```
<div class="row">
<div id="mobNum" class="input-group margin-bottom-sm col-xs-6"> 
<span class="input-group-addon" style="width:20px"><i class="fa fa-phone-square" aria-hidden="true"></i></span><input id="mobile" class="form-control requiredClass" type="text" placeholder="Mobile Number.."/></div>
    <div id="showDivMobile" class="showDivClass needData" style="col-xs-6">
         <i class="fa fa-asterisk showCSS " aria-hidden="true"></i>vv<br/></div>
</div>

```

And my fiddle: <http://jsfiddle.net/JLjjK/1350/>