発行されたHTMLを読み込んでBootstrapのModalで美しく表示したいのですが、Bootstrap3のModalダイアログが動きません。どこが間違っていますか? 是非宜しくお願いします!!

<html>
<head>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css" />
</head>
<body>
  <table>
  <thead>
    <tr><th>Show</th><tr>
  </thead>
  <tbody>
<?php

    foreach($result as $show){
        echo "<tr>";
        echo "<td><a href=javascript:window.open('".
            $this->webroot.'makefile/filename_'.$val['number']['id'].".html','','width=1000,height=800,'); return false ;><button type='button'  class='btn btn-default' id='staticModalButton'>Show details</button></a></td>";

        echo "</tr>";

   }


?>
    </tbody>
</table>

  <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js">    </script>
  <script>
  $(function() {
    // JavaScript で表示
    $('#staticModalButton').on('click', function() {
      $('#staticModal').modal();
    });
  });
  </script>
</body>
</html>