jQuery dynamically add images to table
<p>I need to add images to a given table. I have the following code:</p>

<p><strong>HTML:</strong> </p>

<pre><code>&lt;div class="container" id="game"&gt;&lt;/div&gt;
</code></pre>

<p><strong>Javascript</strong></p>

<pre><code> function table() {
    var i,
        x,
        domRow,
        domCol,
        rows = $("#rows").val(),
        colums = $("#columns").val(),
        table = $('&lt;table&gt;'),
        cellId = 0;

    table.empty();
    for(i = 0; i &lt; rows; i++) {
        domRow = $('&lt;tr/&gt;');
        for(x = 0; x &lt; colums; x++) {
            domCol = $('&lt;td/&gt;',{
                'id': "cell-" + cellId++,
                'class': "cell",
                'text': 'cell',
                'data-row': i,
                'data-col': x
            });

        domRow.append(domCol);
        }

    table.append(domRow);
    }
    return table;
}
</code></pre>

<p>Now I want do add images to each data cell from <strong>another function</strong>. 
Example: </p>

<pre><code>function images() {
    var game = $("game");

    // TODO the images need to be added too
    game.append(table())
}
</code></pre>

<p>An image with the name 0.png needs to be added to the data cell with the id="cell-0" and so on... (1.png to id="cell-1")</p>

<p>How could I do this?</p>