更新后正在刷新Jquerymobile中的Gridview

我使用"jquery mobile"插件创建了一个页面，其中的网格块由按钮组成。网格中的按钮是在运行时动态创建的。回拨后，旧的价值观仍然存在。我想在更新后用新值刷新网格。

这是代码。

Html:

<div id="chapter_div" data-role="page" data-content-theme="a">
    <div data-role="header">
    <h1>Chapter Chooser</h1>
    </div>
    <div data-role="content" class="ui-grid-d" id="show_chapter_number"> 
    </div>                  
</div>  

Javascript/Jquery代码：

function showChapter(book_id) {
           var chapter_count=" ";
           var menu = " ";
           var html = " ";
           var row_count = 1;
           var row_block_id = 'a';
           chapter_count = getChapterCount(book_id);
           for (itr = 1; itr <= chapter_count; itr++) {
             switch(row_count) {
                    case 1:
                    row_block_id = 'a';
                    row_count++;
                    break;
                    case 2:
                    row_block_id = 'b';
                    row_count++;
                    break;
                    case 3:
                    row_block_id = 'c';
                    row_count++;
                    break;
                    case 4:
                    row_block_id = 'd';
                    row_count++;
                    break;
                    case 5:
                    row_block_id = 'e';
                    row_count=1;
                    break;
                }
                html += "<div class='"ui-block-"+row_block_id+"'"><button onclick='"javascript:showVerse(" + book_id + ",''" + itr + "'');'" class='"ui-bar ui-bar-c'" style='"width:70px'">" + itr + "</button></div>";
            }               
            var grid_chapter = $('#show_chapter_number');
            grid_chapter.append(html);
            $.mobile.changePage("#chapter_div", {transition: 'pop', role: 'dialog'});              
            **grid_chapter.content("refresh");**
        }

回发后，我应该如何刷新网格或内容中的项目？

我应该如何更改这行代码：grid_chapter.content("refresh");以使其正常工作？

谢谢。