title: bootstrap modal hide not working properly
body: <pre><code>.row
    .span12
      .front-heading{:style =&gt; "width:80%;margin: auto;border-bottom: 2px dotted grey;"} The most innovative fundraising program since thin, minty cookies.
      .modal#myModal.hide.fade
        .modal-header
          Requesting an installation
          = link_to "X", "#", :class =&gt; "close", "data-dismiss" =&gt; "modal"
  
      = form_tag request_installation_path,{:method =&gt; :post,:remote =&gt; true, :style =&gt; "margin-bottom:0;", :class =&gt; "form-horizontal"} do
        .modal-body
          #sent_message
          %fieldset
            .control-group
              = label_tag "Name", nil, :class =&gt; "control-label"
              .controls
                  = text_field_tag "name", nil, :class =&gt; "span2"
              .control-group
                = label_tag "Email", nil, :class =&gt; "control-label"
                .controls
                  = email_field_tag "email", nil, :class =&gt; "span2"
  
          .modal-footer
            = submit_tag "request", :class =&gt; "btn btn-success"#, "data-dismiss" =&gt; "modal"
  
      .sticky-banner{:style =&gt; "position:relative;"}
        %h3 Coaches and Administrators
        %span{:style =&gt; "position:absolute;top: 10px;right: 5px;"}
  </code></pre>