从动态列表中提取信息并用jquery发布?

我有一个动态的项目列表,用于使用Ajax将信息发布到后端。

<a href="...">Item 1</a>
<a href="...">Item 2</a>
<a href="...">.....</a>
<a href="...">Item n</a>

我决定在每个项上包含一个CSS类和一个隐藏的输入,这样我就可以轻松地分配处理程序(使用CSS类),这样我就可以知道项的ID(使用隐藏字段)。

<a href="..." class="recorditem"><input type="hidden" value="1" name="ItemID"/>Item 1</a>
<a href="..." class="recorditem"><input type="hidden" value="2" name="ItemID"/>Item 2</a>
...
<a href="..." class="recorditem"><input type="hidden" value="n" name="ItemID"/>Item n</a>

然后使用jquery,我将截获点击链接(这将转到非javascript用户的页面)来发布文章。所以看起来是这样的:

 $("a.recorditem").click(function(){
        //get the item ID
        var itemID = $(this + " :input[name='ItemID']").val(); <-- PROBLEM

        //build a form dynamically - omitted for readability
        var formToAdd = "<input type='text'.... "
        //etc etc...
    });

但是,在我的一生中,我无法找出如何从链接中提取隐藏输入字段的值。

我做错什么了? 更好的是,对于动态列表来说,这甚至是一种明智的方法吗?