How do I clear a search box with an 'x' in bootstrap 3?

Question

Having some trouble with bootstrap, so some help would be awesome. Thanks

What I would like:(top part)

Answer 1

Place the image (cancel icon) with position absolute, adjust top and left properties and call method onclick event which clears the input field.

In css position the span accordingly,

#iconSpan {
 position : absolute;
 top:1%;
 left :14%;
}