Multiple radio val bug

[anonymous]

if i have this inside $(document).ready(function() {:

ex = $('#ex-show').css('display','none');
ri = $('#ri-show').css('display','none');
li = $('#li-show').css('display','none');
$('#show-ex').change(function() {
if ($("input[@name=expectation]:checked").val() == 'yes') {
	ex.show(500);
} else {
	ex.hide(500);
}
});

$('#show-ri').change(function() {
if ($("input[@name=rights]:checked").val() == 'no') {
	ri.show(500);
} else {
	ri.hide(500);
}
});
$('#show-li').change(function() {
if ($("input[@name=licence]:checked").val() == 'yes') {
	li.show(500);
} else {
	li.hide(500);
}
});

It will only show hide the first, the second one awlays tells me the value is 'no' and does not change of the radio

html:

<div class="radio" id="show-ex">
	<label>Yes<input type="radio" name="expectation" value="yes"/></label>
	<label>No<input type="radio" name="expectation" value="no"/></label>
</div>
<div id="ex-show">FOO</div>
<div class="radio" id="show-ri">
	<label>Yes<input type="radio" name="rights" value="yes"/></label>
	<label>No<input type="radio" name="rights" value="no"/></label>
</div>
<div id="ri-show">BLAH</div>

You get the idea.... missed off the third excuse any bits not working I cut and pasted these bits out.

I'm on firefox 3.6 thanks