null - ajax 호출의 'replaceWith'속성을 읽을 수 없습니다.

Question

"Hello world!"를 바꾸려고합니다. ajax replaceWith를 사용하여 "Hello to you too"와 함께. 그러나 나는이 오류가 나타납니다 :

Cannot read property 'replaceWith' of null

어디에서 잘못하고 있습니까?

참고 : ajax 호출은 alert (응답)와 함께 작동합니다.

index.phtml

:

<div id="helloworld">Hello world!</div> 

<script type="text/javascript"> 
    jQuery.ajax({ 
     url: "<?php echo $this->getUrl('topperproductqa/index/ajax') ?>", 
     success: function(response){ 
      $('#helloworld').replaceWith(response); 
      //alert(response); 
     } 
    }); 
</script> 

IndexController.php : 나는 젠토는 prototype.js에에 $를 사용하고 파악

class Topper_ProductQA_IndexController extends Mage_Core_Controller_Front_Action 
{ 
    public function indexAction() 
    { 
     $this->loadLayout(); 
     $this->renderLayout(); 

     return $this; 
    } 

    public function ajaxAction() 
    { 
     $response = "Hello to you too"; 

     $json = json_encode($response); 
     $this->getResponse()->setHeader('Content-type', 'application/json'); 
     $this->getResponse()->setBody($json); 
    } 
} 

Answer 1

, 나는 그것을 고정 :

(function($) { 

    $.ajax({ 
     url: "<?php echo $this->getUrl('topperproductqa/index/ajax') ?>", 
     dataType: "json", 
     success: function(response){ 
      $("#helloworld").replaceWith(response); 
      //alert(response); 
     } 
    }); 

})(jQuery);