Added class="placeholder" to elements currently showing their placeho…

…lder text

README.md

@@ -20,6 +20,13 @@ This plugin was based on a code snippet by [Paul Irish](http://paulirish.com/),
 
     $('input').placeholder();
 
+### CSS
+
+The plugin automatically adds class="placeholder" to the elements who are currently showing their placeholder text. You can use this to style placeholder text differently:
+
+     input { color: #000; }
+    .placeholder { color: #666; }
+
 ## Notes
 
 The plugin automatically checks if the browser supports the HTML5 placeholder attribute for inputs natively. If this is the case, the plugin won’t do anything.

jquery.placeholder.js

@@ -15,7 +15,7 @@
   // 2) Once every time the focusout() is triggered.
   function setPlaceholder($elem) {
    if ($elem.val() === '') {
-    $elem.val($elem.attr('placeholder'));
+    $elem.addClass('placeholder').val($elem.attr('placeholder'));
    };
   };
   function preventSubmit($elem) {
@@ -44,7 +44,7 @@
    });
    $input.focusin(function() {
     if ($input.val() === $input.attr('placeholder')) {
-     $input.val('');
+     $input.removeClass('placeholder').val('');
     };
    }).focusout(function() {
     setPlaceholder($input);