How to get text from HtmlTableCellElement
<p>Working on a simple jquery tic-tac-toe project. I'm trying to iterate through the board and save the values of each cell in an array, but can't figure out how to access the text inside each td.  I've tried .text() and .value() but both return undefined</p>

<p>index.html:</p>

<pre><code>&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;jQuery Tic Tac Toe&lt;/title&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;table border="1" cellpadding="40"&gt;
            &lt;tr&gt;
                &lt;td data-x="0" data-y="0"&gt;Test&lt;/td&gt;
                &lt;td data-x="1" data-y="0"&gt;&lt;/td&gt;
                &lt;td data-x="2" data-y="0"&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td data-x="0" data-y="1"&gt;&lt;/td&gt;
                &lt;td data-x="1" data-y="1"&gt;&lt;/td&gt;
                &lt;td data-x="2" data-y="1"&gt;&lt;/td&gt;
            &lt;/tr&gt;
            &lt;tr&gt;
                &lt;td data-x="0" data-y="2"&gt;&lt;/td&gt;
                &lt;td data-x="1" data-y="2"&gt;&lt;/td&gt;
                &lt;td data-x="2" data-y="2"&gt;&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
        &lt;div id="games"&gt;&lt;/div&gt;
        &lt;div id="message"&gt;&lt;/div&gt;
        &lt;button id="save"&gt;Save Game&lt;/button&gt;
        &lt;button id="previous"&gt;Show Previous Games&lt;/button&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>tic-tac-toe.js:</p>

<pre><code>function getBoard(){
    board = [];
    $.each($("td"), function(index, cell){
        board.push(cell); //Need to return contents of cell
    });
    alert(board);
}
</code></pre>