Placing an icon in a textbox using javascript

am facing problem while adding an icon in my textbox can any one help out with this.

<script type="text/javascript">
$(document).ready(function() {
$("#add").click(function() {
var intId = $("#buildyourform div").length + 1;
var fieldWrapper = $("");
var fchk = $("<input type="\"checkbox\"" class="\"fieldcheck\"" /> ")
var fName = $("<input type=\"text\" class=\"form-control\" placeholder=\"Username\" />
var removeButton = $("<input type="\"button\"" class="\"remove\"" value="\"-\"" />");
removeButton.click(function() {
$(this).parent().remove();
});
fieldWrapper.append(fchk);
fieldWrapper.append(fName);
fieldWrapper.append(removeButton);
$("#buildyourform").append(fieldWrapper);
});

});

</script>

but the icon displays outside the text box can any one help with this