removing disabled attribute from fieldset

removing disabled attribute from fieldset

by Akram kamal

HTML

<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css">
<div class="row account-details">
<div class="col-xs-12">
<form class="form-horizontal">

<div class="col-100 details-container">
<h3>Contact Address</h3>
<fieldset disabled>													
<div class="form-group disabled">
<label for="AddressLine1" class="col-sm-2 control-label">Address Line 1</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="AddressLine1" value="Design380">
</div><!-- col-sm-4 -->
</div><!-- form group -->

<div class="form-group disabled">
<label for="AddressLine2" class="col-sm-2 control-label">Address Line 2</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="AddressLine2" value="32 Awesome Lane">
</div><!-- col-sm-4 -->
</div><!-- form group -->

<div class="form-group disabled">
<label for="AddressLine3" class="col-sm-2 control-label">Address Line 3</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="AddressLine3" value="Hawks Green">
</div><!-- col-sm-4 -->
</div><!-- form group -->

<div class="form-group disabled">
<label for="County" class="col-sm-2 control-label">County</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="County" value="Cannock">
</div><!-- col-sm-4 -->
</div><!-- form group -->																										
<div class="form-group disabled">
<label for="PostCode" class="col-sm-2 control-label">Postcode</label>
<div class="col-sm-4">
<input type="text" class="form-control" id="PostCode" value="BO0 81ES">
</div><!-- col-sm-4 -->
</div><!-- form group -->	

<div class="form-group disabled">
<label for="Country" class="col-sm-2 control-label">Country</label>
<div class="col-sm-4">
<select class="form-control">
<option selected>United Kingdom</option>
<option>Another...

CSS

.form-group.disabled {
	margin-bottom: 0;
}

JavaScript

$(function(){
$(document).on('click', '.btn', function (event) {
	event.preventDefault();
    $(this).prev('fieldset').removeProp('disabled');
});
});