Radio Group without Button and Style Label

by TheFiddler

HTML

<div class="radio">
<input type="radio" name="group1" id="no" value="no" /><label for="no">No lorem upsulk flh dflk jdf</label> 
</div>
<div class="radio">
<label<input type="radio" name="group1" id="yes" value="yes" /> for="yes">Yes lorem ipsum dolor connectirouas sldk dfj dl</label> 
</div>
<div class="radio">
<input type="radio" name="group1" id="maybe" value="maybe" /><label for="maybe">Maybe lorem connectur amet</label> 
</div>

CSS

input[type="radio"]+label{ margin:10px; padding: 10px 6px; display: block;} 

input[type="radio"]:checked+label{ padding:10px 4px; font-weight: bold; border:2px red solid;} 

div.radio {margin:10px;}

JavaScript

$('input:radio').hide();