jquery - IDを削除しないRemoveAttr?

Question

フィドルリンクはこちら

どうしたの？

$(document).ready(function (){
    $('.navi-ring').hover(function(){
            $(this).removeAttr("id"); // this doesnt work!
        )};
)};

IDは削除されません！その後、色が変わるはずですが、そうではありません。

.navi-ring:nth-child(1):hover{
background-color:yellow;

ID（ボーダー画像付き）を削除する必要がありますが、そうではありません。次に、円が黄色に変わります。