I try this:
$('section :input').val('').fancyInput().clear();
It clear up the input val but did not clear up the div that has a bunch of span tag characters. On the browser, you see the input placeholder "hello" is on top of the word text "milk".
I want to remove the word "milk" so that it is back to the initial input state.
Any help here? Thanks for your help :- )
For example, the is the result i'm getting:
<section class='xxx'>
<div class="fancyInput">
<input id="zzz" maxlength="35" name="abc" placeholder='hello' type="text" autocomplete="off" value="">
</div>
<div>
<span>m</span>
<span>i</span>
<span>l</span>
<span>k</span>
<b class="caret" style="height: 208px;"></b>
<b class="caret"></b>
</div>
<div></div>
</section>