Question

I have the following two functions that work great:

$(function(){
  $('.trash_can a.delete').live('click', function(event) {
    event.preventDefault();
    var link = $(this);
    $.post(link.attr('data-href'),
      {
        promo_id: link.attr('data-promo_id')
      },
      function(data) {
        $('#page').html(data.html);
      });
    console.log('Clicked Delete');
  });
});

$(function(){
  $('#add-mod-form').bind('ajax:success', function(evt, data, status, xhr){
      data = $.parseJSON(data); 
      // console.log(data.success);
     if (data.success == true) {
          $('#page').html(data.html);
          $('#page box_bc').html()
       }
       else {
       }
  });
});

As data is received for page, I would also like to reload a static html element, $(‘#page box_bc’) – How do I do this simple task with Jquery? Notice, i’ve tried it above, and that part does not work as planned.

Thanks

Answer 1

Use:

var $dataHtml=$(data.html);
$('#page box_bc').html($('#page box_bc',$dataHtml));