jQueryで選択されているラジオボタンの値を取得する方法

jQueryで選択されているラジオボタンの値は、擬似クラス:checkedを使ってチェック済みの要素に対してval()メソッドを使って得ることができる。
次のソースコードで試してみた。

<form class="check">
<input type="button" value="チェック">
</form>
<form class="radio">
<input type="radio" name="food" value="りんご">りんご
<input type="radio" name="food" value="いちご">いちご
<input type="radio" name="food" value="ぶどう">ぶどう
</form>
<p id="result"></p>
<script type="text/javascript">
$(function(){
  $(':radio').prop('checked',false); 
  $('.check :button').click(function(){
    var result = '結果 ';
    result += $('[name="food"]:radio:checked').val();
    $('#result').text(result);
  });
});
</script>

サンプル


りんごいちごぶどう