Content page error for Jquery

See more:

C#

ASP.NET

jQuery

I have master page and some content pages. In master page I have a Jquery to make Panel to visible. It works when I am at master page. After moving to content page and on click of any button for another page an exception is thrown atating "The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>)." How to rectify this?
My code in master page:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
    $(document).ready(function() {
      $('#<%=Panel1.ClientID%>').hide();
      $('#<%=PnlPrasiddhiShortEats.ClientID%>').hide();

        $('#<%=Button5.ClientID%>').mouseout(function() {
        $('#<%=Panel1.ClientID%>').hide();
        });

        $('#<%=Button5.ClientID%>').mouseover(function() {
        $('#<%=Panel1.ClientID%>').show();
    });

 $('#<%=Button6.ClientID%>').mouseout(function() {
    $('#<%=PnlPrasiddhiShortEats.ClientID%>').hide();
    });

    $('#<%=Button6.ClientID%>').mouseover(function() {
    $('#<%=PnlPrasiddhiShortEats.ClientID%>').show();
    });

    });
</script>