ラジオボタングループの値取得

質問内容

私は以下のようにjQuery構文を使って2つのラジオボタングループの値を取得しようとしています。以下のコードが実行されると、私は個々のグループの値を取得するのではなく、最初のラジオボタングループから選択された値を2回取得します。

私はここで何か明らかに間違ったことをしていますか？どんな助けにも感謝します :)

<a href='#' id='check_var'>Check values</a><br/><br/>
<script>
  $('a#check_var').click(function() {
    alert($("input:radio['name=r']:checked").val()+ ' ' +
          $("input:radio['name=s']:checked").val());
  });
</script>
Group 1<br/>
<input type="radio"  name="r" value="radio1"/> radio1
<input type="radio"  name="r" value="radio2"/> radio2
<br/><br/>
Group 2<br/>
<input type="radio"  name="s" value="radio3"/> radio3
<input type="radio"  name="s" value="radio4"/> radio4

どのように解決するのですか？

の値部分を引用符で囲むだけです。 属性に等しいセレクタ , [attr='val'] のような、このような。

$('a#check_var').click(function() {
  alert($("input:radio[name='r']:checked").val()+ ' '+
        $("input:radio[name='s']:checked").val());
});​

動作中のバージョンはこちらでご覧になれます .