I am looking for assistance with creating a jquery colorbox inline html.

Below is the code am i using within the <head> </head> tag:

<link rel="stylesheet" type="text/css" href="css/colorbox.css" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script>

Within the <body> </body> tag:

<div id="test-content">
<h1>Test Heading</h1>
<p>This ia a test. This is a test[...].</p>

<a href="#" id="test-link">More Info</a>

<div style="display: none;">
<div id="test-content">

This is just a test . This is just a test.

When I click the more info link it just goes to the top of the webpage and not to a popup inline html popup.

Any suggestions on how to correct this. Any help would be appreciated.