jquery 从A页面如何批量获取B页面数据？？？

Question

我在A页面，我有一个table，5列3行，该table无任何数据，每一行都有点击事件。当我点A页面table中任意一行后，可以选B页面的table的数据，B页面table也是5列3行，当我在B页面选了一条数据，我可以将B页面的这一条数据给到A页面“当前行”来。这没问题。
一行数据表示一个对象，多行数据表示数组（或集合）。
当我选了B页面多条数据后，我得到了这个集合。我如何将该集合的数据给A页面的table？

for (var i = 0; i < data.length; i++) { //此行中data为B页面的集合数据
// $(obj) ：为当前行的某列
// parents('[role=row]') ：为当前行某列 父级的属性[role=row] 
// find('input[name="ProductName"]') ：绑定一个input
// val(data[i].ProductName) ： 并给input赋值
$(obj).parents('[role=row]').find('input[name="ProductName"]').val(data[i].ProductName);
//第一次循环，应将数据给当前行，
//第二次循环，应将数据给当前行的下一行。 
//此处使用 next();得不到正确的下一行。
//如果第二次循环要将数据给下一行该如何做？？？
} 

另外我成功的demo

注意：我的demo里可以定义 y1   y2   y3
           所提问题则不可定义