How to delay the changing of a value in jQuery?
<p>I'm making a map using Raphael and jQuery. I've got a search box - when the mouse enters a region, the search box displays the name of that region, and when the mouse exits it, the search box changes to a preset text (along the lines of "type here to search").</p>

<p>However, when I move the mouse across the map, the search box's contents flicker quickly between region names and the preset text. I tried fixing it using <b>.delay()</b>, but it didn't work - only then did I read that delay() only works with effects.</p>

<p>How do I delay a value change using <b>.val()</b>?</p>
