请用$.map()工具函数，实现单击复选按钮时，实时呈现所选中复选按钮的结果

假设HTML代码如下：

<div>
  <input type="checkbox" name="option1" value="Option 1">Option 1
  <input type="checkbox" name="option2" value="Option 2">Option 2
  <input type="checkbox" name="option3" value="Option 3">Option 3
</div>

<div id="result"></div>

可以通过以下jQuery代码来实现单击复选按钮时，实时呈现所选中复选按钮的结果：

$("input[type='checkbox']").on("click", function() {
  var result = $("input[type='checkbox']:checked").map(function() {
    return $(this).val();
  }).get().join(", ");
  $("#result").text(result);
});

代码解析：

1. `$("input[type='checkbox']")`选中所有的复选框。

2. `.on("click", function() {...})`绑定单击事件。

3. `$("input[type='checkbox']:checked")`选中所有被选中的复选框。

4. `.map(function() {...})`将每个被选中的复选框的值映射到一个数组中。

5. `.get()`将数组转换为常规数组。

6. `.join(", ")`将数组中的元素用逗号和空格分隔开。

7. `$("#result").text(result);`将结果显示在一个div元素中。