Using rel for GET function.

[MikeHimself]

$(document).ready(function(){
$('#featured').click(function (e) { 
	e.preventDefault();
	if($('#featured_wrapper').length)
	{
		showContent();
	}
	else
	{
		var getvalue = $('#featured').attr('rel');

		$.get('/featured.php', { tid: getvalue }, function(data){
			$('body').prepend(data);
			showContent();				
		});	
	}
    });

});

function showContent() {
$('#featured_content').fadeIn('slow');

$('#close,#featured_wrapper').click(hideContent);
}

function hideContent()
{
$('#featured_content').fadeOut('slow');
}

 

<h3>Our Featured Trainers:</h3>
<ul>
<li><a id="featured" href="#" rel="1">April Hill, CFT, Medical Exercise Specialist</a></li>
<li><a id="featured" href="#" rel="2">Todd Honea, NASM & ACE Certified Personal Trainer</a></li>
</ul>

 

When I press the first one, the information for April comes up.

But nothing happens when I press the second one. I'm fairly new to jQuery and am wondering if this is the correct way to pass a variable through jquery to a php page.