¿Cómo ocultar Bootstrap modal de javascript?

He leído las publicaciones aquí, el sitio de Bootstrap y busqué en Google como locas, pero no puedo encontrar lo que estoy seguro de que es una respuesta fácil ...

Tengo un modo Bootstrap que abro desde un link_to helper como este:

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

En miContactsController.create Acción, tengo código que crea.Contact luego pasa acreate.js.erb. Encreate.js.erbTengo un código de manejo de errores (una mezcla de ruby ​​y javascript). Si todo va bien, quiero cerrar el modal.

Aquí es donde estoy teniendo problemas. Parece que no puedo descartar el modal cuando todo va bien.

He intentado$('#myModal').modal('hide'); Y esto no tiene efecto. También he intentado$('#myModal').hide(); Lo que hace que el modal se despida, pero deja el telón de fondo.

Cualquier orientación sobre cómo cerrar el modal y / o descartar el telón de fondo desde dentrocreate.js.erb?

Editar

Aquí está el marcado para 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>