Я пытаюсь поместить значение диапазона в текстовое поле с помощью jquery, но я получил сообщение об ошибке «Uncaught TypeError: this.each не является функцией»
Это мой код
<body class="bg valign-wrapper">
<div class="container row center-align">
<div class="card">
<span class="card-title"><br><h3>Simulasi</h3></span>
<div class="container">
<form action="main.html">
<div class="row">
<div class="input-field">
<input type="number" id="dp" class="">
<label class="active" for="nama">Nominal DP</label>
</div>
<p class="range-field">
<input type="range" id="rangedp" min="0" max="100">
</p>
</div>
<button style="width" class="btn waves-effect waves-light blue" type="submit" name="signin">Submit
<i class="material-icons left">send</i>
</button><br><br>
</form>
</div>
</div>
</div>
<script type="text/javascript" src="materialize/js/jquery.js"></script>
<script type="text/javascript" src="materialize/js/materialize.min.js"></script>
<script type="text/javascript">
$("#rangedp").change(function(){
$("#dp").val($("#rangedp").val);
console.log($(this).val);
});
$(document).ready(function(){
$("select").formSelect();
});
</script>