javascript - jqueryで要素のIDを追加する方法

Question

同じクラス名を持つ要素が多数あります。しかし、ユーザーがクリックした要素の id を指定したいと思います。

 $('body').click(function(event) {
    $(document).on('click', '.l1', function(){
        $('.l1').removeAttr('id');
        $('.l1').attr('id','selected');
    });
    $(document).on('hover', '.l1', function(){
    alert($(this).attr('id'));
    });
 });

フィドル：

http://jsfiddle.net/JamesPJ/h722g/141/