Bootstrap模型

Question

我一直在玩我的代码，似乎无法使它在模态中工作，但在常规的php文件中正常工作。该代码用于检查用户名的可用性并在div中显示注释。

这是常规php文件中正常工作的代码..（没有模态，也没有bootstrap的链接）

<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.min.js" ></script>
        
        <script type="text/javascript">
            $(document).ready(function(){
               $('#feedback').load('chk.php').show();
               
               $('#username_input').keyup(function(){
                  $.post('chk.php', { username: regForm.username.value }, 
                  function(result) {
                      $('#feedback').html(result).show();
                  });
               });
            });
        </script>
  <form name="regForm">
      
      username : <br/>
      <input type="text" id="username_input" name="username" >
  </form>
  <div id="feedback">
      Im here
  </div>

及以下是另一个php文件，负责从表单接收值并在数据库中进行查询

require '../scripts/connection.php';

$username = trim(filter_input(INPUT_POST, 'username'));


$loggeduserName ="";
$tb_line =0;

$res = $db->prepare('SELECT * FROM users WHERE username = :searcname');
$res ->execute(array('searcname' => $username));
echo '<br />';
  $data_exists = ($res->fetchColumn() > 0) ? true : false;
echo $username , '<br/>';
if ($username == null){
    echo 'Choose a username';
} else if (strlen($username) < 6) {
    echo 'Too Short';
} else if (strlen($username) > 12 ) {
    echo 'username must not exceed 12 char long';
} else if ($data_exists > 0){
    echo "username ", $username , " is already <font color='red'>taken</font>" ;
} else {
    echo "username ", $username , " is already <font color='blue'>available</font>" ;
}

他们工作正常，我需要帮助如何在模态中实现它。我似乎无法使其工作，似乎下面的行没有触发

$('#feedback').load('chk.php').show();

顺便说一句，我在index.php中使用bootstrap来调用模态..

欢迎任何关于如何解决此问题的建议..提前致谢