title: Grabbing and storing DOM values to multidimentional array
body: <p>I am building a page which dynamically loads 'entry's with multiple fields (<code>textarea</code>, <code>time_from</code>, <code>time_until</code>).</p>
  
  <p>I need somehow to think of the way with jQuery to grab those 'entry' multiple fields and store them in two dimensional array that I could pass with ajax  to server side.</p>
  
  <p>What I have:</p>
  
  <pre><code>&lt;div class="entry" id="1"&gt;
      &lt;textarea class="report_actions"&gt;Entry1&lt;/textarea&gt;
      &lt;input class="time_from report_actions" value="2015-05-03 17:13"&gt;
      &lt;input class="time_until report_actions" value="2015-06-18 17:13"&gt;
  &lt;/div&gt;
  
  &lt;div class="entry" id="2"&gt;
      &lt;textarea class="report_actions"&gt;Entry1&lt;/textarea&gt;
      &lt;input class="time_from report_actions" value="2015-05-03 17:13"&gt;
      &lt;input class="time_until report_actions" value="2015-06-18 17:13"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am able to get everything in one array with the following:</p>
  
  <pre><code>var actions = $.makeArray($('.entry').find('.report_actions').map(function(index){ return $(this).val(); }));
  </code></pre>
  
  <p>But this grabs all values and makes 1-dimensional array. Two ideas coming to my mind. But I lack of knowledge to make them true therefore I though I'll turn them into questions.</p>
  
  <ul>
  <li>How can I upgrade command I have, to nest one array into another?</li>
  <li>How can I split array I have. i.e.([1,2,3,4,5,6]) -> ([1,2,3],[4,5,6])</li>
  </ul>
  
  <p>EDIT: Thanks to <code>@tymeJV</code> this is what did the trick. Calling with <code>alert(values[x][y])</code> now I can pull the value I want</p>
  
  <pre><code>var values = $('.entry').map(function(){
      return [$(this).find('.report_actions').map(function(){
          return this.value;
      }).get()];
  }).get();
  
  alert(values[0][2])
  </code></pre>