javascript - ヘッダーに投稿タイトルを表示

Question

投稿リンクをクリックするたびに、投稿のタイトルがヘッダー ページに表示されるようにします。スクリーンショットを見る

ご覧のとおり、「祈りのメッセージ」を投稿タイトルに置き換えてください...

HTML コード:

<div id="devotionpost" data-role="page">
        <div data-role="header" data-position="fixed" data-theme="a">
            <h1>Devotional Message</h1>
            <a href="#devotion" data-icon="back" data-iconpos="notext">Devotion</a>
        </div><!-- header-->
        <div data-role="content">
            <div id="mypost"> </div>
        </div><!-- content -->
    </div><!-- page -->

JS コード:

function showPost(id) {
    $.getJSON('http://howtodeployit.com/?json=get_post&post_id=' + id + '&callback=?', function(data) {
        var output='';
        output += '<h3>' + data.post.title + '</h3>';
        output += data.post.content;
        $('#mypost').html(output);
    });