[jQuery Colorbox] How to load an external link into Colorbox

I’m building a login Colorbox that will have external links I want to pop up into a Colorbox when clicked. Here’s the code (ignore the style, which is very rough:

<div style="margin:10px;">
<?php if ( !is_user_logged_in() ) : ?>
   <a class="colorbox-link" href="#loginbox">Login</a>

   <div style="display:none">
   <div id="loginbox">
      <table style="padding: 5px 10px 5px 5px;">
         <tr><th>Login</th></tr>
         <tr>
            <td>Login in with facebook</td>
            <td width=20% style="border-left:2px solid;"></td>
            <td>
               <?php wp_login_form(); ?>
            </td>
         </tr>
         <tr><td colspan="3"><hr></td></tr>
         <tr>
            <td colspan="3">Sign up today for an account by <a href="https://community.mysite.com/wp-login.php?action=register">registering</a>.</td>
         </tr>
      </table> 

    </div>
    </div>

<?php else : ?>

    <div id="bploggedin" style="color:#000000 !important; background:#ffffff;">
       <table>
          <tr height="50px">
             <td valign=middle style="padding: 0"><?php bp_loggedin_user_avatar( 'width=20&height=20' ) ?> </td>
             <td valign=middle style="padding: 0 2px 0 2px;"><?php bp_loggedinuser_link() ?> </td>
             <td width=10% align=center valign=middle>/</td>
             <td valign=middle style="padding: 0 2px 0 2px;"><?php bp_log_out_link() ?> </td>
          </tr>
       </table>
    </div>

<?php endif; ?>
</div>

This code will run on all the subdomains and main site, as I want registration to be at the community.mysite.com site, which is a BuddyPress site.

But when I click on “registering”, it just closed the Colorbox. What do I need to do to get “registering” link to popup into another Colorbox (or the same one)? You can see this at community.techearup.com.

Thanks, Tonya