[JavaScript]Uruchomienie modal-a po załadowaniu strony Opcje

[krzesik]

Witam, pytanie trywialne , ale sam już nie wiem gdzie robię błąd
mam modala

[HTML] pobierz, plaintext 
<button id="myBtn">Open Modal</button>
 
<!-- The Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 
  <!-- Modal content -->
  <div class="modal-content">
    <div class="modal-header">
      <span class="close">&times;</span>
      <h2>Tilte</h2>
    </div>
    <div class="modal-body">
      <p>Some text in the Modal Body</p>
      <p>Some other text...</p>
    </div>
    <div class="modal-footer">
      <h3>Footer</h3>
    </div>
  </div>
 
</div>
[HTML] pobierz, plaintext 

później scripty

[HTML] pobierz, plaintext 
<script type="text/javascript">
// Get the modal
var modal = document.getElementById('myModal');
 
// Get the button that opens the modal
var btn = document.getElementById("myBtn");
 
// Get the <span> element that closes the modal
var span = document.getElementsByClassName("close")[0];
 
// When the user clicks the button, open the modal
btn.onclick = function() {
    modal.style.display = "block";
}
 
// When the user clicks on <span> (x), close the modal
span.onclick = function() {
    modal.style.display = "none";
}
 
// When the user clicks anywhere outside of the modal, close it
//window.onclick = function(event) {
//    if (event.target == modal) {
//        modal.style.display = "none";
//    }
//  }
</script>
[HTML] pobierz, plaintext 

uruchamia się po wciśnięciu przycisku, ale jak zrobić aby uruchamia się po załadowaniu strony
zamiast powyższego dawałem:

[HTML] pobierz, plaintext 
<script type="text/javascript">
$(document).ready( function(){
   $('#myBtn').modal('show');
});
 
</script>
[HTML] pobierz, plaintext 

ale bez efektu..