<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex, nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" rel="stylesheet" />
<h3 class="col-md-12 heading3" >Jquery slider range : View table rows as per price range filter</h3>
<div class="col-md-3 well">
<p>
<label for="amount">Price Range</label>
<input type="text" disabled id="amountRange" class="form-control font-weight-bold" />
</p>
<div id="slider-range2"></div>
</div>
<div class="col-md-8 text-left well">
<table class="table table-bordered table-hover" id="theTable">
<thead>
<tr class="info">
<th>First Column [ Price ]</th>
<th>Second Column</th>
<th>Third Column</th>
</tr>
</thead>
<tbody>
<tr>
<td>23</td>
<td>test</td>
<td>test2</td>
