Javascript 将div追加到另一个div（CoffeeScript）

我犯了错误

  <div data-role="dialog" id="step_2_ajax_error">
  <div data-role="header" data-id="persistent" data-position="fixed">
    <div class="mini_logo"><a href="/" data-ajax="false"><%= image_tag "#{image_folder}/logo.png", fetch_format: :auto %></a></div>
  </div>
  <div role="main" class="ui-content" style="background-color: #ececec;">
    <%= _('Tyvärr bekräftades inte era platser. Gör vänligen en ny sökning.') %>
    <br/>
    <a href="#" data-rel="back" class="ui-btn ui-shadow ui-corner-all ui-btn-a"><%= _('Stäng') %></a>
  </div>
</div>

但它只是打开空白屏幕。并且没有加载错误div

我怎样才能修复它？

我正在寻找答案

我可以像这样运行它

$.mobile.changePage '#step_2_ajax_error', changeHash: false

showAjaxErrorScreen = () ->
$('#step_2_error_content').load("#step_2_ajax_error")
$.mobile.changePage '#step_2_error', changeHash: false
log_event "Show ajax error screen"
Honeybadger.notify raiseError('Ajax not OK on step_2', 'NOT OK')

$.mobile.changePage '#step_2_ajax_error', changeHash: false