Как сделать по умолчанию отмеченным один из пунктов кнопки radio

Всем привет! Возникла небольшая задача по css, нужно чтобы при загрузке страницы, по умолчанию был выбран "Пункт 1". Сейчас же по умолчанию ни один из пунктов не отмечен.

<div id="show">

 <input type="radio" id="r1" name="rr" />

<label for="r1"><span></span>Пункт 1</label>

 <p>

<input type="radio" id="r2" name="rr" />

<label for="r2"><span></span>Пункт 2</label>

</div>

div#show {

    width:280px;

    height:200px;

    padding:20px;

    position: relative;

    top: 35%;

    margin:0 auto;

    background:#FFFFFF;

    border-radius:6px;

}



input[type="radio"] {

    display:none;

}



input[type="radio"] + label {

    color:#333333;

    font-family:Arial, sans-serif;

    font-size:14px;

}



input[type="radio"] + label span {

    display:inline-block;

    width:19px;

    height:19px;

    margin:-1px 4px 0 0;

    vertical-align:middle;

    background:url(check_radio_sheet.png) -38px top no-repeat;

    cursor:pointer;

}



input[type="radio"]:checked + label span {

    background:url(check_radio_sheet.png) -57px top no-repeat;

}