title: Loop through each child in a div with data-attribute
body: <p>I have multiple <code>&lt;div&gt;</code>s, based on a <code>&lt;select&gt;</code>, where each one contains multiple <code>&lt;input&gt;</code>s and sometimes a disabled <code>&lt;select&gt;</code> with a fixed value. Now I'm trying to loop through each of the divs and put all inputs and select values into an <strong>array</strong> and push that array into the "master" array.  </p>
  
  <p>However this seems not to work to well.<br>
  I feel like I'm already close but yet so far. :(</p>
  
  <pre><code>var dummy = [];
      for(var i = 1; i &lt;= toSend.count; i++){
          var temp = [];
          $("div[data-row="+i+"]").children('input, select').each(function(){
              temp.push( $(this).val() );
          });
  
          dummy.push(temp);
      };
  
      console.log(dummy); 
  </code></pre>
  
  <p>toSend.count is the counting of how many div's with <code>data-row</code> exist.<br>
  The HTML looks like this :</p>
  
  <pre><code>&lt;div id="container"&gt;
     &lt;div data-row="1"&gt;
        &lt;input type="text"/&gt;
        &lt;input type="text"/&gt;
     &lt;/div&gt;
     &lt;div data-row="2"&gt;
       &lt;input type="text"/&gt;
       &lt;input type="text"/&gt;
    &lt;/div&gt;
  &lt;/div&gt;  
  </code></pre>
  
  <p>Aaah, nevermind this was my own stupidity! I'm generating the div's via AJAX<br>
  and I copy pasted myself an error.<br>
  All div's had <code>data-row=1</code>, no wonder it packed all in one array <strong>>.&lt;</strong></p>