Transform ALL CAPS to Proper Case using CSS and jQuery

Question

I\'m trying to do something similar to this thread https://stackoverflow.com/a/3471258/2117845 and I think I want something like Harmen posted with the jquery code and said

Answer 1

I have just modified the code by Harmen to fit your needs. put it inside your JS file.

jQuery.fn.ucwords = function() {
   return this.each(function(){
      var val = $(this).text().toLowerCase(), newVal = '';
      val = val.split(' ');

      for(var c=0; c < val.length; c++) {
         if (c>0 && val[c]=="is" || c>0 && val[c]=="to" || c>0 && val[c]=="the"){
             newVal+=val[c]+' ';
         } else newVal += val[c].substring(0,1).toUpperCase() + val[c].substring(1,val[c].length) + (c+1==val.length ? '' : ' ');

      }
      $(this).text(newVal);
  });
}

$(document).ready(function(e) {
    $('p.link').ucwords();
});

HTML for the example

THE QUICK BROWN FOX IS ABOUT TO JUMP OVER THE FENCE

and JSFiddle for you http://jsfiddle.net/fqEvX/