سلام
من کد زیر را نوشته ام


<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <a id=”drag1” href=”#” draggable="true" ondragstart="dragUser(this,event)">MyDesign</a>

    <br>

    <br>

    <br>

    <br>

    <br>

    <br>

    <br>

    <br>

    <br>

    <br>

    <div class="dr" ondrop="dropUser(this,event)" ondragenter="return false" ondragover="return false" style="width: 100px;height: 100px; background-color: aqua">

        <span class="aaaa">111</span>

    </div>





    <script>

    function dragUser(user,event){

    event.dataTransfer.setData('User',user.id);

}

function dropUser(target,event){

            $('.dr').find('.aaa').remove();





    var user=event.dataTransfer.getData('User');

    target.appendChild(document.getElementById(user));

}

    </script>

</body>

</html>

می خواهم وقتی عمل دراگ دراپ را انجام بدهم span حذف شود
اما ارور زیر را میدهد


Uncaught ReferenceError: $ is not defined
at dropUser (01.html:28)
at HTMLDivElement.ondrop (01.html:19)


باید برای رفع مشکلم باید چکار کنم