$('#target').on('change', function() { $('#rangeValue').html((this.value)); });
<p> <label for="target">Target:</label> <input name="target" id="target" type="range" min="0" max=".14" step=".01" value="0.07" /> <label id="rangeValue">0.07</label> </p>
body { font-family: "Segoe UI", sans-serif; font-size: 11pt; } p { border-style: solid; border-color: #e2e2e2; border-width: 1px 0; padding: 1em .5em; } label { margin-right: .5em; vertical-align: top; } input[type=range] { width: 400px; } #rangeValue { font-size: 10pt; margin-left: .5em; }