Show / Hide value of a search box?

[jarv]

Hi, using the code below, I am trying to show / hide the value of my search box but it doesn't seem to work?! I am using Jquery 1.9 and I have the following code in my footer..

<script type="text/javascript">
   $("#searchbox").on({
	    focus: function() {
        	if (this.value==='Search...') this.value = '';
    	},
   	 blur: function() {
       	 if (this.value==='') this.value = 'Search...';
   	 }
	});
</script>

my page:
http://aet.inpreview.net/

[Kyle123]

PHP Code:

   $("#searchbox").on({
        focus: function() {
            if (this.value==='Search...'){ this.value=''; };
        },
        blur: function() {
         if (this.value===''){ this.value = 'Search...'; };
        }
    }); 


[jarv]

done that thanks, still not working, hmm maybe it's something to do with wordpress?!

[Kyle123]

What "doesn't work"? What error messages do you get?

It works here: http://jsfiddle.net/sU2fT/

[jarv]

Sorry, it does work, my browser was cached

thanks