function (blurClass) NOT WORKING IN IE

I can't get this plugin to function properly in IE....

Check out my homepage and look at the huge search field toward the top...

Whenever I refresh the screen the "blur" looses its function and I'm stuck with text.....

Here is the script that I place in an external js page:

jQuery.fn.hint = function (blurClass) {
  if (!blurClass) { 
    blurClass = 'blur';

  return this.each(function () {
    // get jQuery version of 'this'
    var $input = jQuery(this),

    // capture the rest of the variable to allow for reuse
      title = $input.attr('title'),
      $form = jQuery(this.form),
      $win = jQuery(window);

    function remove() {
      if ($input.val() === title && $input.hasClass(blurClass)) {

    // only apply logic if the element has the attribute
    if (title) { 
      // on blur, set value to title attr if text is blank
      $input.blur(function () {
        if (this.value === '') {
      }).focus(remove).blur(); // now change all inputs to title

      // clear the pre-defined text when form is submitted
      $win.unload(remove); // handles Firefox's autocomplete



try bind('blur',function(){}) instead of .blur(function(){});

olso use the trigger('blur') function istead of blur();


$input.bind('blur',function () {
        if (this.value === '') {

also a good tip if you are use ajax at any time use the .live() instead of .bind(); as this would lookup for new entries...

Need Your Help

Create a cone with shadows

javascript canvas html5-canvas

I would like to create a circle with a special shadow effect.