Jquery не работает?

<script src="https://code.jquery.com/jquery-3.5.1.js" integrity="sha256-QWo7LDvxbWT2tbbQ97B53yJnYU3WhH/C8ycbRAkjPDc=" crossorigin="anonymous"></script>

<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/"/>

<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>