title: loop html table using jquery and for loop (not for each)
body: <p>I have a HTML table</p>
  
  <pre><code> &lt;table id="mytab"&gt;
    &lt;thead&gt;
      &lt;th&gt;col1&lt;/th&gt;
      &lt;th&gt;col2&lt;/th&gt;
    &lt;/thead&gt;
    &lt;tbody&gt;
    &lt;tr&gt;
      &lt;td&gt;1&lt;/td&gt;
      &lt;td&gt;2&lt;/td&gt;
    &lt;/tr&gt;
    &lt;tr&gt;
       &lt;td&gt;11&lt;/td&gt;
       &lt;td&gt;22&lt;/td&gt;
    &lt;/tbody&gt;
   &lt;/table&gt;
  </code></pre>
  
  <p>and i am writing the jquery function</p>
  
  <pre><code>  function LoopTable()
    {
        $row = $('#mytab tbody &gt;tr"); //here I have successfully find all the rows.
  
       //now i want to loop on rows and find each column row
       for (var i=0; i&lt;$rows.length; i++)
       {
           //need something here to find col data
  
       }
  </code></pre>
  
  <p>what I should use to have column values from row</p>