Заменить текст диалога кнопки динамически

Question

У меня есть диалоговое окно JQuery следующим образом -

<div data-role="dialog" id="msg-popup"> 
    <div data-role="header"> 
     <h1>Notification</h1> 
    </div> 

    <div data-role="content" id> 
    <b id="notif-subject"></b> 
    <p id="notif-popup-content">Test</p> 
    <a href="#notif-details1" id="show-notif" data-role="button">abc</a> 
    <a href="#" data-rel="back" data-role="button">Cancel</a> 
    </div> 
</div> 

Я хочу изменить «а» на «PQR» динамически. Как мне это сделать? Я пробовал делать -

$("#show-notif").text = "pqr"; 

Но это не работает. Что я могу делать неправильно?

Answer 1

.text является функцией и поэтому, чтобы установить текст элемента, вы должны использовать, как показано ниже,

$("#show-notif").text("pqr");

Answer 2

$("#show-notif").html("pqr"); 

Другой способ сделать это: http://jsfiddle.net/whNdd/