Put search Icon inside text box [duplicate]

Question

I am trying place search icon inside text box.But,Its displaying end of the row.

<div class="row input-group">
    <input class="col-lg-3 col-md-3 col-sm-5 col-xs-5 form-control" type="text" id="searchroleName" placeholder="Search here"  aria-describedby="basic-addon2"/>
    <span class="input-group-addon fa fa-search"  id="basic-addon2"></span>
</div>

https://jsfiddle.net/9dxryetu/

Its displaying like this

Answer 1

Just remove row class from input-group div, updated fiddle