autofocus IE9 and below

by katalin_2003

HTML

<form>
    <input type="text" id="searchbar" />
</form>

CSS

#searchbar {
    float: left;
    display: inline;
    background: #FFFFFF;
    height: 29px;
    width: 660px;
    border: 1px solid #bdbdbd;
    margin: 55px 0px 0px 10px;
    font-size : 17px;
    font-family : Georgia;
    font : 17px Georgia, Times, “Times New Roman”, serif;
    color : #333333;
}
#searchbar:focus {
    float: left;
    display: inline;
    background: #FFFFFF;
    height: 29px;
    width: 660px;
    border: 1px solid #2e9afe;
    margin: 55px 0px 0px 10px;
    font-size : 17px;
    font-family : Georgia;
    font : 17px Georgia, Times, “Times New Roman”, serif;
    color : #333333;
    -moz-box-shadow: 0 0 2px #2e9afe;
    -webkit-box-shadow: 0 0 2px#2e9afe;
    box-shadow: 0 0 2px #2e9afe;
}
input:focus {
    outline : none;
}

JavaScript

$('input').focus();

/* needs to be put at the end of the page!! */