javascript - jQueryで要素IDをクラスセレクターにキャストしようとしています

Question

これが私のjsfiddleです：

http://jsfiddle.net/fk434/

コード：

$('.theHider').click(function () {
    $("'." + $(this).id + "'").hide();
});

HTML:

<div class="cola">This will be cola</div>
<div class="cola">This will be cola</div>
<div class="birch">This will be birch</div>
<div class="cola">This will be cola</div>
<div class="cola">This will be cola</div>
<div class="orange">This will be orange</div>
<div class="birch">This will be birch</div>
<div id="cola" class="theHider">This will hide cola</div>
<div id="birch" class="theHider">This will hide birch</div>
<div id="orange" class="theHider">This will hide orange</div>

なぜこれが機能しないのか理解できません。

ドキュメントレディなどは、jsfiddleが動かなくなっていたところを取り出しました。