[Aleksanderj]

Добрый день. Имеется форма, которая должна подгружаться в разных табах при при клике на разные кнопки.
К примеру есть табы

<ul>
<li><a id="ajax-form">Форма 1</a></li><!--кнопка 1 таба-->
<li><a id="ajax-form">Форма 2</a></li><!--кнопка 2 таба-->
<li><a id="ajax-reg">Форма 3</a></li><!--кнопка 3 таба-->
<li><a id="ajax-form">Форма 2</a></li><!--кнопка 4 таба-->
</ul>
<div id="content"><!--контент таба 1-->
</div>
<div id="content"><!--контент таба 2-->
</div>
<div id="reg"><!--контент таба 3-->
</div>
<div id="content"><!--контент таба 4-->
</div>

простой аякс подгрузки контента:

$('#ajax-form').click(function(e){
	e.preventDefault();
	$.ajax({
	type: "POST",
	url: 'form.html',
	cache: false,
	success: function(data) {
	$('#content').html(data);
	}
	});	
});

Как сделать так, чтобы одна и та же форма подгружалась при клике и на втором табе и на четвертом?
Есть ли способ не создавать для каждого события отдельный ajax, когда подгружается один и тот же контент, что то вроде:

<ul>
<li><a id="ajax-form">Форма 1</a></li>
<li><a id="ajax-form2">Форма 2</a></li>
<li><a id="ajax-reg">Форма 3</a></li>
<li><a id="ajax-form3">Форма 2</a></li>
</ul>
<div id="content">
</div>
<div id="content2">
</div>
<div id="reg">
</div>
<div id="content3">
</div>

$('#ajax-form').click(function(e){
	e.preventDefault();
	$.ajax({
	type: "POST",
	url: 'form.html',
	cache: false,
	success: function(data) {
	$('#content').html(data);
	}
	});
$('#ajax-form2').click(function(e){
	e.preventDefault();
	$.ajax({
	type: "POST",
	url: 'form.html',
	cache: false,
	success: function(data) {
	$('#content2').html(data);
	}
	});	
$('#ajax-form3').click(function(e){
	e.preventDefault();
	$.ajax({
	type: "POST",
	url: 'form.html',
	cache: false,
	success: function(data) {
	$('#content3').html(data);
	}
	});		
});

?