【jQuery】多次元配列のname属性のvalueを取得したい

Question

このようなpricesというname属性のvalueを取得したいです。

<input name="prices[1][1]" type="text" class="form-control" form="update" value="10000">
<input name="prices[2][1]" type="text" class="form-control" form="update" value="20000">
<input name="prices[1][2]" type="text" class="form-control" form="update" value="30000">
<input name="prices[2][2]" type="text" class="form-control" form="update" value="40000">

以下のように書けば取れると思ったのですが”[]”と返ってきます。

var values = $("input[name='prices']").map(function () {
    return $(this).val();
}).get();

どうやって書けばいいのかわからずどなたか教えて頂いてもいいでしょうか？
よろしくお願いいたします。

Answer 1

$("input[name^='prices']")

ですかね
送信時と同様の形で取得したいならFormData使う方が確実かと思います
その場合IE~9は切り捨てですが

追記

すいません、FormData案はなしで。
FormDataから入力値を取れるブラウザはかなり限定されるので使えませんです。

Comments

[maisumakun]

jQueryに$.serialize()というのがありますので、それでも取得はできます。

[tomoyuki123]

取得できました、ありがとうございます！
maisumakun様もありがとうございます。こちらも後で試して必要なら使ってみます。

Answer 2

結局<form>タグにid（#form）をつけて以下のようにjsonに直して取得するようにしました。

var params = {};
$($("#form").serializeArray()).each(function(i, v) {
    params[v.name] = v.value;
});
var json = JSON.stringify(params);
console.log(json);