title: How to set table cell value using jquery
body: <p>I would like to set the value of all the cells of a table by iterating through them.
  Ideally I would like to access a Html table like an array i.e. <code>$("#tbl")[row][col]="5"</code></p>
  
  <p>This does not work.</p>
  
  <pre><code>$(document).ready(function() {
      for (var row = 0; row &lt; 3; row++) {
          for (var col = 0; col &lt; 3; col++) {
              $("#tbl").children().children()[row].children()[col].append("sdfasdf");
          }
      }
  });
  </code></pre>
  
  <p>This works but I dont know why!!!</p>
  
  <ol>
  <li>I dont understand  $("#tbl").children()<strong>.children()</strong> why the need for the 2nd children</li>
  <li>Why is the 3rd children not a function i.e. children() like the 1st 2.</li>
  <li><p>Why is'nt innerHTML not a function i.e. innerHTML()</p>
  
  <pre><code>$(document).ready(function() {
      for (var row = 0; row &lt; 3; row++) {
          for (var col = 0; col &lt; 3; col++) {
              $("#tbl").children().children()[row].children[col].innerHTML = "H!";
          }
      }
  });
  </code></pre></li>
  </ol>