JQuery Mobile Page Not Refreshing -

I have worked at my house but I can not do it at work. Button styles are not refreshing Please help.

  & lt; Div id = "qpage" data-role = "page" & gt; & Lt; Div data-role = "header" & gt; & Lt; Id = "exit-quiz" data-roll = "button" data-icon = "arrow-L" & gt; Exit & lt; / A & gt; & Lt; H1 id = "ques-title" & gt; # Ques-title & lt; / H1> & Lt; / Div & gt; & Lt; Div data-role = "content" & gt; & Lt; Div class = "ui-bar-a" id = "ques-timer" & gt; #query-timer & lt; / Div & gt; & Lt; Div id = "question" & gt; & Lt; H3 & gt; # Questions & lt; / H3 & gt; & Lt; / Div & gt; & Lt; Div class = ".button-set" data-roll = "control group" id = "answerbox" & gt; & Lt; A data-role = "button" id = "answer_1" & gt; # Answer_1 & lt; / A & gt; & Lt; A data-role = "button" id = "answer_2" & gt; # Answer_2 & lt; / A & gt; & Lt; A data-role = "button" id = "answer_3" & gt; # Answer_3 & lt; / A & gt; & Lt; A data-role = "button" id = "answer_4" & gt; # Answer_4 & lt; / A & gt; & Lt; / Div & gt; & Lt; Div id = "explanation" & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Div data-role = "footer" & gt; & Lt; H2 & gt; Copyright Poem & lt; / H2 & gt; & Lt; / Div & gt; & Lt; / Div & gt;   
 I have written that c is javascript  
  $ ("# topic1"). Bind ('click', function () {var json = $ received ("test.json", function (data) {$ ("# question") html (data.question); .. $ ("# ANSWER_1") HTML (data.mcq_1); $ ("# ANSWER_2") .html (data.mcq_2); $ ("# ANSWER_3") HTML (data.mcq_3); $ ("# answer_4") HTML (data.mcq_4) ;}};   
 I tried  $ ("div [data-role = page]"). Page ("deleted") .page ();  Thanks to me, thank you.  JSFIDDLE    
 
 
 Try it out, It should work:  
   
 If that too is not working, then   
 Edit: Use jsfiddle update:  
  
 / P> 
  $ ("# ANSWER_1 .ui-btn-lesson"). Text (data.mcq_1) ;?   
 Why the jQuery mobile button which is  Class = "ui-btn-text"  is called a call around because