title: HTML form inputs create array of arrays
body: <p>I haveinputs that are defined like this in html:</p>
  
  <pre><code> &lt;input type="text" name="options[name][]" value ="Name" /&gt;
   &lt;input type="text" name="options[selling_price][]" value = "10" /&gt;
  
   &lt;input type="text" name="options[name][]" value ="Name 2" /&gt;
   &lt;input type="text" name="options[selling_price][]" value = "20" /&gt;
  </code></pre>
  
  <p>...</p>
  
  <p>When I process this on the server I get:</p>
  
  <pre><code>"options" =&gt; array:2 [▼
      "name" =&gt; array:2 [▼
        0 =&gt; "Name"
        1 =&gt; "Name 2"
      ]
      "selling_price" =&gt; array:2 [▼
        0 =&gt; "10"
        1 =&gt; "20"
      ]
  </code></pre>
  
  <p>What I would like to get is:</p>
  
  <pre><code>array:2 [▼
    0 =&gt; array:2 [▼
      "name" =&gt; "Name"
      "selling_price" =&gt; 10
    ]
    1 =&gt; array:2 [▼
      "name" =&gt; "Name 2"
      "selling_price" =&gt; 20
    ]
  ]
  </code></pre>
  
  <p>Is this possible in html and make it dynamic so I can keep adding them in javascript?</p>
  
  <p>The only way I have found to do it is to make a counter variable and do <code>options[counter][name]</code></p>