bootstrap modal not working :(

_modal_action.html.erb

<div class="modal-header">
  <!-- modal body & stuff goes here -->
</div>

controller.rb

def modal_action
  respond_to do |format|
    format.html
    format.js
  end
end

link_for_modal.html.erb

<%= link_to "My Modal", modal_action_path, remote: true, 'data-target' => "#modal-window" %>
<!-- hidden div for modal -->
<div id="modal-window" class="modal hide fade" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"></div>

modal_action.js.erb

$("#modal-window").html("<%= j render("modal_action") %>");
$("#modal-window").modal('show');

1. When I click the "My Modal" link the screen fades out to grey, nothing is clickable like it would when a modal opens, except no modal ever opens.
2. When I put a console statement in modal_action.js.erb and click the "My Modal" link it gets printed to the console.
3. When I put a puts statement in the _modal_action.html.erb partial it gets printed in the Rails console when I'm running the server so I know it's being rendered via the modal_action.js.erb it just doesn't show up.

Any ideas?

I used a few code examples to get going,

• this one - Ruby On Rails AJAX Modal Example
• this Stack Overflow question "Twitter Bootstrap Modal not Display Window in Rails"
• this tutorial - Open a rails form with Twitter Bootstrap Modals

I don't see a <div class="modal-dialog"> or a <div class="modal-content"> anywhere in your HTML. Could that be the problem?

Which bootstrap version do you use?