I have this to tables with radio some buttons:

```
<body>
<div id="container">
    <div>
        <input id="button" type="button" value="Show Type" />
        <label>
            <input type="radio" name="table" value="form" checked="checked" style="width: 10px" />
            Forms
        </label>
    </div>
    <div>
        <label>
            <input type="radio" name="table" value="entity" style="width: 10px" />
            Entity Types
        </label>
    </div>
    <div>
        <label>
            <input id="date" type="checkbox" name="date" value="date" style="width: 10px" />
            DATE
        </label>
    </div>
    <div id="forms" class="toHide">
        <table id="table_forms" class="display" cellspacing="0" width="100%">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>English Name</th>
                    <th>Nickname</th>
                    <th>Created</th>
                    <th>Last Update</th>
                </tr>
            </thead>
            <tbody>
            </tbody>
        </table>
        <div class="add_delete_toolbar" />
    </div>

    <div id="entities" class="toHide">
    <table id="table_entity" class="display" cellspacing="0" width="100%">
        <thead>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </thead>

        <tfoot>
            <tr>
                <th>Name</th>
                <th>Position</th>
                <th>Office</th>
                <th>Age</th>
                <th>Start date</th>
                <th>Salary</th>
            </tr>
        </tfoot>

        <tbody>
            <tr>
                <td>Tiger Nixon</td>
                <td>System Architect</td>
                <td>Edinburgh</td>
                <td>61</td>
                <td>2011/04/25</td>
                <td>$320,800</td>
            </tr>
            <tr>
                <td>Garrett Winters</td>
                <td>Accountant</td>
                <td>Tokyo</td>
                <td>63</td>
                <td>2011/07/25</td>
                <td>$170,750</td>
            </tr>
            <tr>
                <td>Ashton Cox</td>
                <td>Junior Technical Author</td>
                <td>San Francisco</td>
                <td>66</td>
                <td>2009/01/12</td>
                <td>$86,000</td>
            </tr>
        </tbody>
    </table>
        <div class="add_delete_toolbar" />
    </div>
</div>

```

And I am using jQuery radio buttons to hide/show the tables alternatively:

```
$("input:radio").change(function () {
            var test = $(this).val();
            if (test == 'entity') {
                $("#forms").hide();
                $("#entities").show();
                //$("#entities").attr("style", "display: block");
            }
            if (test == 'form') {
                $("#entities").hide();
                $("#forms").show();
                //$("#entities").attr("style", "display: none");
            }
        });

```

But my second table is always hidden and I don't no why! Even if I check/uncheck the radio buttons. I tried diffrent methods nut still nothing. Please help!!