javascript - Jquery prepend が div タグで機能しない

Question

ここで何が間違っているのですか。次のdivタグを既存のhtmlに追加したい

    <div id="trendHost" style="display:inline-block; margin: 0; width:100%; position: relative;">
        <h2 id="h1" style="clear:both; display:block;">Trend</h2>
        <div id="fmQtrChartPr" style="display:inline-block; width:100%; height:150px; position: relative; left: 0px; top: 0px;">&nbsp;</div>
    </div>

Jクエリ

var id = 'trendHost';
jQuery('#trendHost').prepend("<p>Text</p>")


jQuery('#' + id).prepend('<div style="position:absolute; padding:20px; top:36px; background-color:#FFF; color:#444;"><span style="font-size:13px;">Currently Unavailable</span><br/><span>' + message + '</span></div>');

http://jsfiddle.net/Wzb5p/

Answer 1

変更を追加して見てください

    var id = 'trendHost', message = 'Currently Unavailable message';
    jQuery('#trendHost').prepend("<p>Text</p>")
    jQuery('#fmQtrChartPr').prepend('<div style=" padding:20px; top:36px; background-color:#FFF; color:#444;"><span style="font-size:13px;">Currently Unavailable</span><br/><span>'
     + message + '</span></div>');

http://jsfiddle.net/Wzb5p/5/

未定義の変数メッセージがあります