jquery - プラグインを使用したHtml 5 plachold text - テキストボックスからフォーカスを削除する方法

Question

IE8 サポート プレースホールド プラグインを実装しました。これはテキスト ボックスで有効になっていますが、最初にフォーカスが設定されているので、最初にページをロードしたときにそこにテキストが表示されます。テキストページの外側をクリックすると、メッセージが表示されます。

私はhttp://www.jacklmoore.com/notes/form-placeholder-text/プラグインをフォローしており、テキスト ボックスではすべてが適切に表示されます。

// A jQuery based placeholder polyfill
$(document).ready(function(){
  function add() {
    if($(this).val() === ''){
      $(this).val($(this).attr('placeholder')).addClass('placeholder');
    }
  }

  function remove() {
    if($(this).val() === $(this).attr('placeholder')){
      $(this).val('').removeClass('placeholder');
    }
  }

  // Create a dummy element for feature detection
  if (!('placeholder' in $('<input>')[0])) {

    // Select the elements that have a placeholder attribute
    $('input[placeholder], textarea[placeholder]').blur(add).focus(remove).each(add);

    // Remove the placeholder text before the form is submitted
    $('form').submit(function(){
      $(this).find('input[placeholder], textarea[placeholder]').each(remove);
    });
  }
});

以下のJSFIDDLEをご覧ください