jquery - 清除字段值后显示标签

Question

<form>
    <div class="fieldWrap">
           <label for="jobnamesurname">Name &amp; Surname</label>
           <input type="text" id="jobnamesurname" name="Name &amp; Surname">
    </div>
    <div>
        <input type="reset" name="reset">    
        </div>        
</form>

这是我的 fiddle link

一切正常，只有一件事 - 当你写一些东西然后点击清除时，没关系，但在此之后当你尝试写一些东西时标签保持不变并且值和标签都显示，我想摆脱这个问题.3.

我不能只使用占位符属性，因为它在 IE9 上不起作用。

Answer 1

怎么样this

jQuery(".clearField").click(function(){
    var inputVal = jQuery(".fieldWrap input").val();
    if(inputVal != ''){
        jQuery(".fieldWrap input").val('');
        jQuery(".fieldWrap").removeClass('placeholder-hide');
    }
});