Why isn't this second table not visible?
<p>I have two tables in a page like this:</p>

<pre><code>&lt;table style="width:800px"&gt;
    &lt;tr&gt;
        &lt;td style="width:400px;"&gt;
            &lt;table id="currencies"
                style="border-spacing: 5px; padding: 3px; margin: 2px" /&gt;
        &lt;/td&gt;
        &lt;td style="width:400px;"&gt;
            &lt;table id="changers"
                style="border-spacing: 5px; padding: 3px; margin: 2px" /&gt;
        &lt;/td&gt;
    &lt;/tr&gt;
&lt;/table&gt;
</code></pre>

<p>I use jqgrid to extend these. One is the master table while the other is the detail. The problem however is the second table (id = "changers") is not being displayed in the page. I inspected the javascript from the browser and it has only one <code>&lt;td&gt;</code> element within the table row. This problem goes away if I put them in separate tables like so:</p>

<pre><code>&lt;table id="currencies"
                style="border-spacing: 5px; padding: 3px; margin: 2px" /&gt;
&lt;table id="changers"
                style="border-spacing: 5px; padding: 3px; margin: 2px" /&gt;
</code></pre>

<p>I'm totally stuck on this. Any help is appreciated.</p>
