iCheck example

HTML

<script src="https://cdn.rawgit.com/fronteed/icheck/1.x/icheck.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
		<form name="titleTypes" id="titleTypes" method="post" action="process.cfm">
<div>        
<!---Label is here for placement of error message--->
<label for="rgroup" class="error" style="display:none;">Please choose one.</label>
</div> 
             
<table width="100%" border="0" cellpadding="5" cellspacing="5" class="table">
	<tbody>
		<tr>
			<td class="i-checks" width="5%"><input id="one" type="radio" name="rgroup" value="MV/titleTypeMV.cfm" /></td>
			<td width="95%"><label for="one">MOTOR VEHICLE / TRAVEL TRAILER TITLE</label></td>
		</tr>
		<tr>
			<td class="i-checks"><input id="two" type="radio" name="rgroup" value="MH/mobileHome.cfm" /></td>
      		<td><label for="two">MOBILE HOME</label></td>
		</tr>
		<tr>
			<td class="i-checks"><input id="three" type="radio" name="rgroup" value="BOAT/boat.cfm" /></td>
			<td><label for="three">VESSEL</label></td>
		</tr>
		<tr>
			<td class="i-checks"><input id="four" type="radio" name="rgroup" value="DUPL/duplicate.cfm" /></td>
			<td ><label for="four">DUPLICATE</label></td>
		</tr>
	</tbody>
</table>
             
<div> 
	<button class="btn-u" type="submit" name="submit" id="submitBtn" class="submitBtn"><i></i>Next</button>
</div>

CSS

/* iCheck plugin Square skin, blue
----------------------------------- */

.icheckbox_square-blue,
.iradio_square-blue {
  display: inline-block;
  *display: inline;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  width: 22px;
  height: 22px;
  background:...

JavaScript

jQuery('input').iCheck({
  checkboxClass: 'icheckbox_square-blue',
  radioClass: 'iradio_square-blue',
  increaseArea: '20%' // optional
});