Create blurring of textfields for non-skinny pants browsers that don't know from 'placeholder="my pants are skinny"'

jquery.placeholderText.js

function makeTextfieldsPlaceholderable(){
    /* Clears textfields from helper text on click */
    var $textfield = $('.placeholder-textfield');

    $textfield.focus(function(srcc){
        if ($(this).val() == $(this)[0].title){
            $(this).removeClass("placeholder-textfield-active");
            $(this).val("");
        }
    });

    $textfield.blur(function(){
        if ($(this).val() == ""){
            $(this).addClass("placeholder-textfield-active");
            $(this).val($(this)[0].title);
        }
    });

    $textfield.blur();
}
makeTextfieldsPlaceholderable();

placeholder.html

<!-- Your label will take its 'title' as its placeholder text -->
<input class="placeholder-textfield" type="textfield" title="Search...">

placeholderText.css

.placeholder-textfield{
  color:black;
}

.placeholder-textfield-active { 
  color: #848484; 
}