The url of $.getJSON

The url of $.getJSON

I use asp.net mvc. Now when I login the page, I want to display an icon and a number. For example.

The url is
 
localhost:23567
The image is similar with

So in the _LoginPartial.cshtml. I have
  2. <ul class="nav navbar-nav navbar-right">
  3.         <li class="notifications">
  4.             <a href="#">
  5.                 <i class="glyphicon glyphicon-globe"></i>
  6.                 <span class="badge js-notifications-count hide"></span>
  7.             </a>
  8.         </li>
And in the _Layout.cshtml, I put the script
  2.  <script>
  3.         $(document).ready(function () {
  4.             $.getJSON("/Employee/GetNotifications", function (notifications) {
  5.                 if (notifications.length == 0)
  6.                     return;
  7.                 $(".js-notifications-count")
  8.                     .text(notifications.length)
  9.                     .removeClass("hide")
  10.                     .addClass("animated bounceInDown");
Notice I do have a controller "EmployyeeController.cs".
In the controller, I have the method
  2. [AcceptVerbs(HttpVerbs.Get)]
  3.         public JsonResult GetNotifications()
  4.         {
  5.             return Json(2, JsonRequestBehavior.AllowGet); 
  6.         }
However the number is not showing. The css code
  2. /* Bootstrap Overrides*/
  3. .navbar-inverse .notifications {
  4.     position: relative;
  5. }

  7. .navbar-inverse .notifications .badge {
  8.         position: absolute;
  9.         top: 8px;
  10.         right: -1px;
  11.         background: #eb1313;
  12.     }

 Is the url of  $.getJSON wrong?