title: How do I style the placeholder text inside a field?
body: <p>I have this jquery code that handles the logic of placeholder text for two input fields:</p>
  
  <pre><code>$(document).ready(function() {
  
  $("form input.link").attr("value", "Media Link Here (optional)");
  $("form input.email").attr("value", "*Email Address Here");
  
  $("form input.link").live("focus", function() {
      if ( $(this).val() == "Media Link Here (optional)"){
      $(this).val("");
    }
  });
  
  $("form input.email").live("focus", function() {
      if ( $(this).val() == "*Email Address Here"){
      $(this).val("");
    }
  });
  
  $("form input.link").live("focusout", function() {
      if ( $(this).val() == "" ){
      $(this).attr("value", "Media Link Here (optional)");
    }
  }); 
  
  $("form input.email").live("focusout", function() {
      if ( $(this).val() == "" ){
      $(this).attr("value", "*Email Address Here");
    }
  });
  
  });
  </code></pre>
  
  <p>I want to style the placeholder text so that it has a different styling than the text that the user types into the field. How can I do this?</p>