Как скрыть модальное окно Bootstrap с помощью javascript?

Я читал сообщения здесь, на сайте Bootstrap и гуглил, как сумасшедший, но не могу найти то, что, я уверен, является простым ответом...

У меня есть модальное окно Bootstrap, которое я открываю из помощника link_to следующим образом:

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

В моем действии ContactsController.createу меня есть код, который создает Contact, а затем переходит к 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>