如何隐藏Bootstrap模式从javascript？

我有一个Bootstrap模态，我从一个link_to帮助器打开像这样：

<%= link_to "New Contact",new_contact_path,{remote: true,'data-toggle' => 'modal','data-target' => "#myModal",class: "btn btn-primary"} %>

在我的ContactsController.create操作中，我有代码创建联系人，然后传递到create.js.erb。在create.js.erb中，我有一些错误处理代码(混合ruby和javascript)。如果一切顺利，我想关闭模态。

这是我遇到麻烦。我似乎不能解雇模态，当一切顺利。

我试过$(‘#myModal’)。modal(‘hide’);这没有效果。我也试过$(‘#myModal’)。hide();这导致模态解散，但离开背景。

关于如何关闭模态和/或从create.js.erb中关闭背景幕的任何指导？

编辑

这里是myModal的标记：

<div class="modal hide" id="myModal" >
  <div class="modal-header">
    <a class="close" data-dismiss="modal">×</a>
    <h3>Add Contact</h3>
    <div id="errors_notification">
    </div>
  </div>
  <div class="modal-body">
    <%= form_for :contact,url: contacts_path,remote: true do |f| %>  
      <%= f.text_field :first_name,placeholder: "first name" %>
      <%= f.text_field :last_name,placeholder: "last name" %>
      <br>
      <%= f.submit "Save",name: 'save',class: "btn btn-primary" %>
      <a class="close btn" data-dismiss="modal">Cancel</a>
    <% end %>
  </div>
  <div class="modal-footer">
  </div>
</div>