[Black_Star]

День добрый. Подскажите пожалуйста, как реализовать удаление свойства в CSS по средствам jQuery?

К примеру есть HTML

<div id="coachesFull">
        <h2 class="coachText">  Our coaches </h2>
    
        <div class="square coachNamber1">1</div>
        <div class="square coachNamber2">2</div>
        <div class="square coachNamber3">3</div>
        <div class="square coachNamber4">4</div>
        <div class="square coachNamber5">5</div>
        <div class="square coachNamber6">6</div>
</div>
Его CSS
 #coachesFull  {
     position: relative;
     height: 500px;
 }  

.square {
     width: 100px;
     height: 100px;
     background-color: red;
     margin: 1%;
}

.coachNamber1 {
     position: absolute;
     top: 10%;
     left: 0%;
}

.coachNamber2 {
     position: absolute;
     top: 35%;
     left: 0%;
}

.coachNamber3 {
     position: absolute;
     top: 60%;
     left: 0%;
}
.coachNamber4 {
     position: absolute;
     top: 22.5%;
     left: 10%;
}
.coachNamber5 {
     position: absolute;
     top: 47.5%;
     left: 10%;
}
 
.coachNamber6 {
     position: absolute;
     top: 35%;
     left: 20%;
}
.Circle{
     top: 10%;
     left: 30%;
     width: 350px;
     height: 350px;
     border-radius: 50%;
     background-color: blue;
 
}

Скрипт

function ttt() {

   
    $('#coachesFull').on("click", "div", function() {
            $(this).addClass('Circle');

       $('#coachesFull div:not(.Circle)').removeProp('top, left');     
   
            
    });


}; ttt();

Вопрос, как по клику на один из дивов убрать у всех остальных (кроме того что кликнули) свойства top и left в нужных классах.