Javascript-форум - Изменить функцию не изменив её имени средствами Ajax

Есть три страницы

============================================ index.html

<!DOCTYPE html>
<html >
<head>
  <title>Ajax</title>
  <script type='text/javascript' src='js/lib/jquery/1.7.1-jquery.min.js'></script> 

</head>
<body>

<a id="a1" href="#" class="odin" onclick="odindva()">кнопка</a> 
<div id='content'><h1>один</h1> 
<script>
$(document).ready(function() { 
   $('.odin').click(function() {$.ajax({url: "dva.php",cache: false,success: function(html){  $("#content").html(html);}}); });
     });
</script>
</div>
</body>
</html>

И две подгружаемые

============================================ 2стр. odin.html

<script>
document.getElementById("a1").className="odin";
</script>  
<h1>один</h1>
<script>
$(document).ready(function() { 
   $('.odin').click(function() {$.ajax({url: "dva.php",cache: false,success: function(html){  $("#content").html(html);}}); });
     });
</script>

============================================ 3стр. dva.html

<script>
document.getElementById("a1").className="dva";
</script> 
<h1>два</h1>
<script>
$(document).ready(function() { 
$('.dva').click(function() {$.ajax({url: "odin.php",cache: false,success: function(html){  $("#content").html(html);}}); });
     });
</script>

Сначала скрипт работает корректно, а потом я замечаю, что он прогрессирует после каждого нажатия. Увеличивается количество операций

Вопрос

Где моя ошибка?

Как сделать так, что бы работал только тот скрипт, который подгрузился Ajax_ом без прогрессии.