jQueryで選択済みのチェックボックスを得る方法

選択済みのチェックボックスの値をjQueryを使って得るには、(1):checkedセレクタを使ってチェック済みの要素を選ぶ。(2)選択されている要素からvalueプロパティを使って選択されてvalue値を得る。
次のソースコードで試してみた。

<div class="check">
<input type="button" value="チェック">
</div>
<div class="checkbox">
<input type="checkbox" value="りんご">りんご
<input type="checkbox" value="いちご">いちご
<input type="checkbox" value="ぶどう">ぶどう
</div>
<p id="result"></p>
<script type="text/javascript">
$(function(){
  $('.check :button').click(function(){
    var result = '結果 ';
    var flag = null;
    $('#result').empty();
    $('.checkbox :checkbox:checked').each(function(idx){
      if(idx != 0){
        result += ', ' ;
      }
      result += this.value;
      flag = true;
    });
    if(flag) {
      $('#result').text(result);
    }
  });
});
</script>

サンプル

りんごいちごぶどう