zepto.clearinput

<script src="http://zeptojs.com/zepto.min.js" type="text/javascript"></script>
<script src="../src/zepto.clearinput.js" type="text/javascript"></script>

<div class="query form1">
    <input name="q" type="text" placeholder="keywords">
	<a class="clear" href="javascript:void(0)"></a>
</div>
<div class="query form2">
    <input name="q" type="text" placeholder="keywords">
    <a class="clear" href="javascript:void(0)"></a>
</div>

Default settings:

$('.form1 input').clearInput({clear: '.form1 .clear'});
$('.form2 input').clearInput({clear: '.form2 .clear',focus:false});