Почему jquery у меня не работает? хотя на
https://jsfiddle.net/d6vm891r/1/ всё работает, хоть и код такой же самый.
jquery подключал и в конце body и в head
<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>
сам код
html
<div id="qwe" class="card my-4" id="_search">
<h5 class="card-header text-center">Авторизация</h5>
<div class="card-body">
<form>
<div class="form-group">
<label for="exampleInputEmail1">Никнейм</label>
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
</div>
<div class="form-group">
<label for="exampleInputPassword1">Пароль</label>
<input type="password" class="form-control" id="exampleInputPassword1">
</div>
<div class="form-group form-check">
<input type="checkbox" class="form-check-input" id="exampleCheck1">
<label class="form-check-label" for="exampleCheck1">Запомнить меня</label>
</div>
<button type="submit" class="btn btn-primary">Войти</button>
<button id="registration" type="submit" class="btn btn-danger float-right">Регистрация</button>
</form>
</div>
</div><jsfiddle src="https://jsfiddle.net/d6vm891r/"/>
js
<script>
$("#registration").on( "click", function() {
$("#qwe").html('<h5 class="card-header text-center">Регистрация</h5>\n' +
' <div class="card-body">\n' +
' <form>\n' +
' <div class="form-group">\n' +
' <label for="exampleInputEmail1">Никнейм</label>\n' +
' <input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">\n' +
' </div>\n' +
' <div class="form-group">\n' +
' <label for="exampleInputPassword1">Пароль</label>\n' +
' <input type="password" class="form-control" id="exampleInputPassword1">\n' +
' </div>\n' +
' <div class="form-group form-check">\n' +
' <input type="checkbox" class="form-check-input" id="exampleCheck1">\n' +
' <label class="form-check-label" for="exampleCheck1">Запомнить меня</label>\n' +
' </div>\n' +
' <button type="submit" class="btn btn-primary">Авторизация</button>\n' +
' <button id="registration" type="submit" class="btn btn-danger float-right">Создать аккаунт</button>\n' +
' </form>\n' +
' </div>');
});
</script>