<head>
<title>Put something here</title>
</head>
<body>
<a href="#" id="paragraph">Click Here</a>
>>>>>>>>>>>>>>>>>>>>>>>>>>> <br>
This works because there isn't a table within the p1, p2 tags but those same tags below that are within a table aren't hiding themselves. <br>
<h1>My Second Paragraph</h1>
<p id="p1">This is Paragraph 1 This is Paragraph 1 This is Paragraph 1
This is Paragraph 1 This is Paragraph 1 This is Paragraph 1 This is Paragraph 1</p>
<h1>My Second Paragraph</h1>
<p id="p2">This is Paragraph 2 This is Paragraph 2 This is Paragraph 2
This is Paragraph 2 This is Paragraph 2 This is Paragraph 2 This is Paragraph 2</p>
>>>>>>>>>>>>>>>>
<table style="background-color: #CCC" width="100%" border="0" cellpadding="12">
<tr>
<td width="78%">
<h2>
Put Something Here
<br/>
Put Something Here As Well
<p id="p1">This is Paragraph 1 This is Paragraph 1 This is Paragraph 1
This is Paragraph 1 This is Paragraph 1 This is Paragraph 1 This is Paragraph 1</p>
<br/>
Put Another Something Here As Well
<p id="p2">This is Paragraph 2 This is Paragraph 2 This is Paragraph 2
This is Paragraph 2 This is Paragraph 2 This is Paragraph 2 This is Paragraph 2</p>
</h2>
</td>
<td width="22%">
</td>
<td width="18%">
</td>
</tr>
</table>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="mycode9.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>