How can I clear the input text after clicking

Question

Using jQuery, how can I clear the input text after I made a click? By default, the value remains in the input field.

For example, I have an input text and the value is <

Answer 1

There is an elegant way to do this:

In this way, if you type anything inside the search box, it won't be deleted when click inside the box again.