<script>
function textFocus(obj){
$(obj).parent().parent().parent().parent().parent().addClass('focus');
}
function textBlur(obj){
$(obj).parent().parent().parent().parent().parent().removeClass('focus');
}
function clearText(obj){
$(obj).siblings('input').attr('value','');
$(obj).siblings('input').focus();
$(obj).hide();
}
function showIcoClear(obj){
$(obj).siblings('.ico-clear').show();
}
</script>
<!-- Text field -->
<div class="text-field">
<div class="br">
<div class="bl">
<div class="tr">
<div class="tl">
<input type="text" onblur="textBlur(this); if(this.value==''){this.value='Start typing...'}" onfocus="textFocus(this); if(this.value=='Start typing...'){this.value=''}" onkeypress="showIcoClear(this);" value="Start typing..." />
<a class="ico-clear" onclick="clearText(this);" href="javascript:;"><span class="offscreen">Очистить поле</span></a>
</div>
</div>
</div>
</div>
</div>
<!-- Text field -->
<div class="text-field search-field">
<div class="br">
<div class="bl">
<div class="tr">
<div class="tl">
<input type="text" onblur="textBlur(this); if(this.value==''){this.value='Start typing...'}" onfocus="textFocus(this); if(this.value=='Start typing...'){this.value=''}" onkeypress="showIcoClear(this);" value="Start typing..." />
<a class="ico-clear" onclick="clearText(this);" href="javascript:;"><span class="offscreen">Очистить поле</span></a>
</div>
</div>
</div>
</div>
</div>