colorboxの表示エリア内で切り替え

前提・実現したいこと

ベースとなるHTMLファイルから、リンク先の別HTMLファイルをjQueryのloadで読み込み、colorbox.jsでlightbox表示しています。
ただ、表示させた別のHTML内にリンクがあった場合に、lightbox表示内で切り替えたいのですが、そのページに画面が切り替わってしまいます。

該当のソースコード

ベースとなるHTML"base.html"

HTML
1<html>
2<head>
3<link rel="stylesheet" href="css/colorbox.css">
4<script type="text/javascript" src="js/jquery.min.js"></script>
5<script type="text/javascript" src="js/jquery.colorbox.js"></script>
6<script>
7$(document).ready(function(){
8	$('.inline').click(function() {
9		var url = $(this).attr('href');
10		$(".inline_content").load(url + ' .content');
11		$(this).colorbox({inline:true, href:'.inline_content', width:"90%", height:"90%", innerWidth:"90%", innerHeight:"90%", fixed:true,});
12	});
13});
14</script>
15</head>
16<body>
17<a href="sampleA.html" class="inline">リンクA</a>
18<div class="inline_content"><!-- ここに読み込む --></div>
19</body>
20</html>

ベースから読み込むHTML"sampleA.html"

HTML
1<html>
2<head>
3<link rel="stylesheet" href="css/colorbox.css">
4<script type="text/javascript" src="js/jquery.min.js"></script>
5<script type="text/javascript" src="js/jquery.colorbox.js"></script>
6<script>
7$(document).ready(function(){
8	$('.inline').click(function() {
9		var url = $(this).attr('href');
10		$(".inline_content").load(url + ' .content');
11		$(this).colorbox({inline:true, href:'.inline_content', width:"90%", height:"90%", innerWidth:"90%", innerHeight:"90%", fixed:true,});
12	});
13});
14</script>
15</head>
16<body>
17<a href="sampleB.html" class="inline">リンクB</a>
18<!-- 内容 -->
19<div class="inline_content"><!-- ここに読み込む --></div>
20</body>
21</html>

sampleA.htmlから読み込むHTML"sampleB.html"

HTML
1<html>
2<head>
3<link rel="stylesheet" href="css/colorbox.css">
4<script type="text/javascript" src="js/jquery.min.js"></script>
5<script type="text/javascript" src="js/jquery.colorbox.js"></script>
6<script>
7$(document).ready(function(){
8	$('.inline').click(function() {
9		var url = $(this).attr('href');
10		$(".inline_content").load(url + ' .content');
11		$(this).colorbox({inline:true, href:'.inline_content', width:"90%", height:"90%", innerWidth:"90%", innerHeight:"90%", fixed:true,});
12	});
13});
14</script>
15</head>
16<body>
17<!-- 内容 -->
18</body>
19</html>