Como definir o elemento asp Panel visível / oculto com javascript / jquery

eu tenho umasp:Panel elemento na minha página. Eu sou capaz de definir sua visibilidade no código por trás. Mas também preciso ocultá-lo através do javascipt.

Minhaspanel é definido da seguinte forma:

     <asp:Panel ID="pnlUpdateDisplay" runat="server" Visible="false" style="width:500px; border-width: thick;">
        <table style="width:300px;">
            <tr>
                <td valign="middle" style="width:120px" align="center">
                <asp:Label ID="lblUpdateMessage" runat="server" style="position:absolute; left: 120px; top: 120px;"></asp:Label>
                </td>
            </tr>
        </table>      
    </asp:Panel>

Quando eu faço isso:

   var panel = document.getElementById('pnlUpdateDisplay');
   panel.style.visibility = 'hidden';
   panel.style.display='none';

Ocorreu um erro ao dizer:"Erro: não é possível obter o valor da propriedade 'estilo': o objeto é nulo ou indefinido"

Alguma sugestão?

questionAnswers(2)

yourAnswerToTheQuestion