No puedo hacer que JQuery trabaje en la página maestra

Tengo una muestra de jquery en un formulario sin página maestra, y funciona bien. Estoy tratando de usar la misma función dentro de mi página maestra pero no funciona, estoy usando ASP.NET. Aquí está mi código para ambos:

WebForm (esto funciona):

       $(document).ready(function() { $('#pHeader').click(function() { $('#pBody').slideToggle('slow'); }); });   .cpHeader { color: white; background-color: #719DDB; font: bold 11px auto "Trebuchet MS", Verdana; font-size: 12px; cursor: pointer; width:450px; height:18px; padding: 4px; } .cpBody { background-color: #DCE4F9; font: normal 11px auto Verdana, Arial; border: 1px gray; width:450px; padding: 4px; padding-top: 7px; }     
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur

MasterPage (Esto NO funciona):

        $(document).ready(function() { $('#pHeader').click(function() { $('#pBody').slideToggle('slow'); }); });   .cpHeader { color: white; background-color: #719DDB; font: bold 11px auto "Trebuchet MS", Verdana; font-size: 12px; cursor: pointer; width:450px; height:18px; padding: 4px; } .cpBody { background-color: #DCE4F9; font: normal 11px auto Verdana, Arial; border: 1px gray; width:450px; padding: 4px; padding-top: 7px; }      
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur

El problema es que cuando agrega la MasterPage, obtiene la identificación de ClientID.

 $("#pBody") => $(".pBody") 

No puede usar la ID con MasterPage, no tendrá acceso a la ID de cliente modificada. Necesitas tener una clase css personalizada en el elemento.

Por supuesto, ahora espera que todas las páginas que usan esa MasterPage tengan un pBody. Es mejor mantener ese código en la página, no en la página maestra.

Puedo ver que estás usando CssClass pero en tu función usas “#” indicando que es una ID.

Por lo tanto

 $('#pBody') 

Debiera ser

 $(".pBody') 

Si aún desea utilizar ID, debe utilizar:

 $("#<%= pBody.ClientID %>") 

Solo trata de poner debajo de estos. Podría ayudar en la página maestra

 $(document.getElementById("<%=pHeader.ClientID%>") $(document.getElementById("<%=pBody.ClientID%>") 

Para resolver este problema en asp.net puede usar el administrador de scripts:

   //put your js file in script reference tag: // //   

// bashid Movafagh