To start off with i'll post my code that's giving me the issues here and also, i have the scripts put into the page itself in the header so javascript calls are working it's just not working properly.

1. <a href="javascript:$('#reusepanel').load('main/tos.php #tos');" class="mainpage">  --Terms of Use Agreement--  </a>
2. 
   

now then on the page called conveniently tos.php here is teh anchor for it's part.

1. <form id="tos">
   <ol>
     <li><strong>Terms  of  Use Agreement</strong></li>
   
   
2. <--snipped text -->
3.  </form>
   

Also the reuse panel is within teh body and looks like this.

1. <div id="reusepanel" class="reusepanel"></div>

I don't see why in the world it's not letting me pull that document from there then put it on my page in the way that i want it to. Also here is the .css for the reusepanel.

1. reusepanel{position:absolute;
                       z-index: 1000;
                       visibility:hidden;
                       border: 7px solid #FFF;
                       top: 200px;
                       left:150px;
                       width:600px;
                       height:400px;
                       overflow:auto;
                       padding:10px;
                       font-size: medium;
                       background-color: #030a0a;
                       color: #FFF;
       }
   
   
   
   
   
   
   
   
   
   
   
   
   

I think all of the pertinent information is provided. So if anyone could please explain to me why this is happening, that'd be great.