SetInterval and ClearInterval animating div element

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="jquery_ui.css">
    <script src="jquery.js"></script>
    <script src="jquery-ui.js"></script>
    <style>
        #moveMe {
            position: absolute;
        }
    </style>
</head>
<body>

<button onclick="stop()">Stop!</button>
<div id="moveMe">I am moving</div>


<script>
    var d = document.getElementById("moveMe")
    var position = 0; //numeric value of where its going to be
    var anime=setInterval(function () {
        position += 1;
        d.style.left = position + "px";
        d.style.top = position + "px";
        d.style.transform="rotate("+position+"deg)"
    }, 10)
    //run every second
    // za da raboti i da se dvizi mora vo style na elementot koj se dvizi da mu dodaeme pozicija i da bide absolute
function  stop()
{
    clearInterval(anime)
}

</script>

</body>
</html>