title: Jquery selecting all table data in my tables
body: <p>I'm new to Jquery FYI. I'm trying to get all the table data in my table to display in my console but its not working. I selected all table rows iterate through each to find all table data and for that console log it but its not working. Some explanation would be helpful !</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() {
     $('#divTable td').each(function(){
          var tableData = $(this);
          console.log($(tableData).val());
  
      });
  
  });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;div id="myContent"&gt;
    &lt;p&gt;My Jquery enabled page&lt;/p&gt;
  &lt;/div&gt;
  &lt;br&gt;
  &lt;div id="divTable"&gt;
    &lt;table&gt;
      &lt;tr&gt;
        &lt;!--table heading--&gt;
        &lt;th&gt;Company&lt;/th&gt;
        &lt;th&gt;Contact&lt;/th&gt;
        &lt;th&gt;Country&lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Alfreds Futterkiste&lt;/td&gt;
        &lt;td&gt;Maria Anders&lt;/td&gt;
        &lt;td&gt;Germany&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Centro comercial Moctezuma&lt;/td&gt;
        &lt;td&gt;Francisco Chang&lt;/td&gt;
        &lt;td&gt;Mexico&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Ernst Handel&lt;/td&gt;
        &lt;td&gt;Roland Mendel&lt;/td&gt;
        &lt;td&gt;Austria&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Island Trading&lt;/td&gt;
        &lt;td&gt;Helen Bennett&lt;/td&gt;
        &lt;td&gt;UK&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Laughing Bacchus Winecellars&lt;/td&gt;
        &lt;td&gt;Yoshi Tannamuri&lt;/td&gt;
        &lt;td&gt;Canada&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
        &lt;td&gt;Magazzini Alimentari Riuniti&lt;/td&gt;
        &lt;td&gt;Giovanni Rovelli&lt;/td&gt;
        &lt;td&gt;Italy&lt;/td&gt;
      &lt;/tr&gt;
    &lt;/table&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>