I have to hide a textbox only if the user hovers out > 2 seconds. 

```
<div id="content">
 <input type="text" id="txt1" />
</div>

$('#content').on('mouseleave', function(){
   $('#txt1').delay(2000).hide();    
});

```

This will wait for 2 seconds before hiding the textbox. But if the user comes back within 2 seconds it will still hide. How to prevent that from happening?