jquery中的输入数组

在我的代码下面，我怎么能使它读取name="item[]"和name="amount[]从我的HTML?

我在这里看到了一些相互冲突的事情，如何做到这一点，有一个简单的方法吗?

<p><span class="bookingName">Item<span class="required">*</span></span><span class="bookingInput"><input type="text" name="item[]" /><span class="bookingName">Amount<span class="required">*</span></span><input type="text" name="amount[]"></span>

$(document).ready(function () {
    $('<div/>', {
        'class': 'menuDetails',
        html: getMenuHTMLDetails()
    }).appendTo('#addMoreItemsButton');
    $('#addItem').click(function () {
        $('<div/>', {
            'class': 'extraMenuItem',
            html: getMenuHTMLDetails()
        }).hide().appendTo('.appendMoreItems').slideDown('slow');
    });
})
function getMenuHTMLDetails() {
    var len = $('.extraMenuItem').length;
    var $clone = $('.menuDetails').clone();
    $clone.find('[name=item]')[0].name = "item" + len;
    $clone.find('[name=amount]')[0].name = "item" + len;
    return $clone.html();
}