JQuery没有加载点击div

Question

即时通讯使用Bootstrap，我试图做一个左侧菜单，在正确的内容中加载链接

功能：

$(document).ready( function() {
    alert("HI, working");
    $("#protocolar").on("click", function() {
        $("#conteudo").load("content.html");
    });
});

alert("HI, working");未被调用

我要加载页面的div：

<div class="col-sm-9 col-md-9">
                <div class="well">
                  <div id="conteudo">
                  aqui vai o conteúdo

                  </div>
                </div>
            </div>

index.jsp的代码

                            <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><span class="glyphicon glyphicon-file">
                            </span>Atendimento</a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in">
                        <div class="panel-body">
                            <table class="table">
                                <tr>
                                    <td>
                                        <span class="glyphicon glyphicon-plus"></span><a id="protocolar" href="" >Protocolar</a>
                                    </td>
                           ... the rest of the code
            </div>
        </div>
        <div class="col-sm-9 col-md-9">
            <div class="well">
              <div id="conteudo">
              aqui vai o conteúdo

              </div>
            </div>
        </div>
    </div>
</div>


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/teste.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="${pageContext.request.contextPath}/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath}/js/menuLoad.js"></script>

  </body>
</html>