Twitter Bootstrap Modal not fades in then disappears
===

Any modal that I am creating using twitter bootstrap fades in then instantly disappears. I'm not sure what I'm doing wrong seeing that I set up a test modal using the code that bootstrap provides and it still doesn't work.

Here is my code (body only):
You need to link to bootstrap.js, bootstrap-modal.js, bootstrap-transition.js, and jquery.js

    <body>
        <div class="modal hide fade" id="myModal">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">
                    &times;
                </button>
                <h3>Modal header</h3>
            </div>
            <div class="modal-body">
                <p>
                    Modal body would go here...
                </p>
            </div>
            <div class="modal-footer">
                <a href="#" class="btn" data-dismiss="modal">Close</a>
                <a href="#" class="btn btn-primary">Save changes</a>
            </div>
        </div>

        <a data-toggle="modal" href="#myModal">Show Modal</a>
    </body>

And here are links to the css and javascript files that a bootstrap modal needs:
[bootstrap package][1]
[jquery][2]

  [1]: http://twitter.github.com/bootstrap/index.html
  [2]: http://code.jquery.com/jquery-1.7.2.js