$.fn.scrollTo = function(duration){
    if(duration == null){
        duration = 1000;
    }
 
    var offset = $(this).offset().top - $(window).height()/2 + $(this).height();
    $('html,body').animate({
       scrollTop: offset
    }, duration);
}

This small plugin will scroll to a selected element when calling .scrollTo() on it.
It has an optional parameter which specifies the duration of the scroll.

For example, if i would have a div with the id “#mydiv” I would let the screen scroll to it using this code:

$('#mydiv').scrollTo();
 
//Or, if you want the animation to be slower
$('#mydiv').scrollTo(2000);

The top of the selected element will be displayed at 50% of the screen unless the scrollbar is too short, then the element will be lower on the screen.

I needed a textbox that has a default value, when you click it that value disappears and when you deselect it and nothing has been entered the default value appears again.

I wanted something simple like adding a class to a textbox and it should just take whatever you set as value as it’s default value.
And preferably a different font color when the default value is visible.

» Read more: Setting a default value for input fields