javascript - クリック時にこの値と等しい変数を設定します

Question

リンクをクリックしたときに js 変数の値を設定しようとしています。

これは私がこれまでに試みたものです（簡略化）：

<a href="#?id=1" value="1" class="delete_link">Click to delete this row</a>

$(document).ready(function(){
    $(".delete_link").click(function(){
        var deleteID = $(this).val();
        alert(deleteID);

    });
}):

しかし、これは変数deleteIDを 1 に設定しません。リンク内のデータを間違って選択したのでしょうか?

jsfddle:リンクはこちら