如何用jQuery淡出输入的：：占位符？

<input type="text" id="inputField" placeholder="请输入内容" />

$(document).ready(function() {
  // 选中输入框
  var input = $('#inputField');
  
  // 在输入框获取焦点时，判断是否有内容，有则不处理，无则淡出占位符
  input.focus(function() {
    if (!input.val()) {
      input.animate({ opacity: 0.5 }, 'fast');
    }
  });
  
  // 在输入框失去焦点时，判断是否有内容，无则淡入占位符
  input.blur(function() {
    if (!input.val()) {
      input.animate({ opacity: 1 }, 'fast');
    }
  });
});

#inputField {
  opacity: 0.5; /* 初始时设置占位符的透明度 */
}