title: for each table push to array
body: <p>I'm a beginner with code, 
  I'm trying to run on this table and get the text from each <code>.winner</code> class and push it to an Array,<br/><br/> so instead of getting:<br/>
  ["aa","aa","dd"]<br/><br/>
  I'm getting<br/>
  ["aaaadd","aaaadd","aaaadd"]</p>
  
  <pre><code>$(document).ready(function(){
  
      var arr = [];
      var winner = $('.winner').text() ;
  
       for ( i = 0; i &lt; $('table').length ; i++ ) {           
          arr.push(winner);
       }
  
       console.log(arr);      
  
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>    &lt;table&gt;      
          &lt;tr&gt;
              &lt;td&gt;#&lt;/td&gt;
              &lt;td class="winner"&gt;aa&lt;/td&gt;
              &lt;td&gt;bb&lt;/td&gt;
              &lt;td&gt;cc&lt;/td&gt;
              &lt;td&gt;dd&lt;/td&gt;
          &lt;/tr&gt;
     &lt;/table&gt;
  
     &lt;table&gt;      
          &lt;tr&gt;
              &lt;td&gt;#&lt;/td&gt;
              &lt;td class="winner"&gt;aa&lt;/td&gt;
              &lt;td&gt;bb&lt;/td&gt;
              &lt;td&gt;cc&lt;/td&gt;
              &lt;td&gt;dd&lt;/td&gt;
          &lt;/tr&gt;
     &lt;/table&gt;
  
     &lt;table&gt;      
          &lt;tr&gt;
              &lt;td&gt;#&lt;/td&gt;
              &lt;td class="winner"&gt;dd&lt;/td&gt;
              &lt;td&gt;cc&lt;/td&gt;
              &lt;td&gt;bb&lt;/td&gt;
              &lt;td&gt;aa&lt;/td&gt;
          &lt;/tr&gt;
     &lt;/table&gt;
  </code></pre>
  
  <p>I guess something is wrong with my for loop</p>