Divider shown if dropdownlist selected value = others

[gahhon]

<script type="text/javascript">
    $(document).ready(function () {
        var e = document.getElementById("ddlCategory");
        var value = e.options[e.selectedIndex].text;
        if(value == "Others") {
            $('#Other').show();
        } else {
            $('#Other').hide();
        }
    });
</script>

        <table>
            <tr>                   
                <td><asp:Label runat="server" Text="Category: " /></td>
                <td><asp:DropDownList ID="ddlCategory" runat="server" ClientIDMode="Static" /></td>
            </tr>
            <tr id="Other" style="display:none">
                <td><asp:Label runat="server" Text="Others: " /></td>
                <td><asp:TextBox ID="txtOthers" runat="server" /></td>
            </tr>

i tried already, and it doesn't work.
Thanks for the advanced.

[JorgeM]

Please clarify what your objective is...

[gahhon]

Sorry about that,
The dropdownlist ddlCategory when Page_Load will insert insert data through code behind, Others is one of the item.
Once the user selected Others will automatically show this <tr id="Other">