Как я могу использовать один и тот же идентификатор для нескольких переключателей?

Это код, который я использую на своей странице

<ul class="tabs">
    <li>
    <input type="radio" name="tabs" id="som" value="0">
    <label for="som">Venta</label>
</li>
<li>
    <input type="radio" name="tabs" id="som" value="1">
    <label for="som">Aliquera</label>
</li>

CSS

.tabs input[type=radio] {
    position: absolute;
top: -9999px;
left: -9999px;
}
.tabs {
    width: 95%;
    float: none;
    list-style: none;
    position: relative;
    padding: 0;
    margin: 0px auto;
}
.tabs li{
    float: left;
    border:1px solid #006699;
    border-radius:10px 10px 0 0;
    border-bottom:none;
    width:31%;
    background-color:#EDF6FA;
}
.tabs label {
    display: block;
    padding: 10px 10px;
    border-radius: 10px 10px 0 0;
    color: #08C;

    cursor: pointer;
    position: relative;

    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.tabs label:hover {
    background: rgba(255,255,255,0.5);
}

Вышеприведенный код работает только тогда, когда я использую другой идентификатор для каждого type="radio" ввода type="radio" (пример, если я использую id="som2" и <label for="som2"> во втором <li> он работает для проверенного атрибута), но я хотите, чтобы это работало, когда id одинаковый, пожалуйста, помогите мне в этом.

Ссылка, когда я использую разные идентификаторы: http://jsfiddle.net/3PTJf/.

Но я хочу, чтобы это работало, как эта ссылка: используя те же идентификаторы, когда я использую одинаковые идентификаторы