title: Creating an Array in javascript
body: <p>I'm try to create an array but data come back empty, it does not seem to be working, any help would be appreciated. I've updated the and added the html. appreciate you all for your patience. </p>
  
  <p>I'm still getting [object Array]: [] when my the results are yielded. </p>
  
  <pre><code> &lt;table class="table table-bordered table-framed" id="seconDTable" style="display:block;" i&gt;
                          &lt;tbody id="secondtbody"&gt;
  
                                      &lt;tr name="myRow"&gt;
                                          &lt;td style="width: 100%;"&gt;
                                             &lt;input type="text" name="ParentTitle" value="book1"&gt;
                                              &lt;select id="ddlPageCount" style=" width: 35px; padding - top: 1px; height: 20px; font - size: 14px;  color: #555555; vertical - align: left; background - color: #ffffff;1px solid #cccccc;border - radius: 1px; "&gt;
                                                  @for (int i = 1; i &lt; 10 + 1; i++)
                                                  {
                                                      &lt;option value="@i"&gt;
                                                          @i
                                                      &lt;/option&gt;
                                                  }
                                              &lt;/select&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;
                                      &lt;tr name="myRow"&gt;
                                          &lt;td style="width: 100%;"&gt;
                                             &lt;input type="text" name="ParentTitle" value="book2"&gt;
                                              &lt;select id="ddlPageCount" style=" width: 35px; padding - top: 1px; height: 20px; font - size: 14px;  color: #555555; vertical - align: left; background - color: #ffffff;1px solid #cccccc;border - radius: 1px; "&gt;
                                                  @for (int i = 1; i &lt; 10 + 1; i++)
                                                  {
                                                      &lt;option value="@i"&gt;
                                                          @i
                                                      &lt;/option&gt;
                                                  }
                                              &lt;/select&gt;
                                          &lt;/td&gt;
                                      &lt;/tr&gt;                                                                                
  
                                      &lt;/tr&gt;
                                  }
                              }
                          &lt;/tbody&gt;
                      &lt;/table&gt;
  
  var rows = document.getElementById("seconDTable").getElementsByTagName("myRow").length;
  var data = [];
  $("table tbody tr").each(function () {
      var textval = $(this).find("td").find("input[type=text][name=ParentTitle]").val();
      var ddlval = $(this).find("td").find("select option:selected").val();
      for (var i = 0; i &lt; rows ; i++) {
                 data.push{[
                      "Title": textval,
                      "PageNumber": ddlval
                  ]};
      }
      console.log(data);
  })
  </code></pre>