在点击按钮上加载 Ajax

我有以下内容：

   <button id="not" class="notification btn btn-default dropdown-toggle" data-toggle="dropdown" type="button">
<i class="fa fa-bell"></i>   

  <span class="badge badge-success" style="background-color:#f3b760">
10  </span>               


</button>  
<div id="show"></div>

我希望div id"show"在单击上面的按钮时加载作业通知.php所以我得到了这个：

<script>
$(document).ready(function(){
    $("#not").click(function(){
        $("#show").load("job-notification.php");
    });
});
</script>  

仅供参考，按钮是一个下拉菜单和作业通知.php包含如下结果：

  <ul class="dropdown-menu dropdown-menu-right">
          <li>
    EXAMPLE 1
    </li>
     <li>
    EXAMPLE 2
    </li>
    </ul>

为什么这不起作用？