I am trying to set `position: absolute` to `.navbar.navbar-fixed-top` only when the page url is `.../demo/` using jquery.

This is what I've done so far

HTML:

```
<body>
  <nav class="navbar navbar-fixed-top">
    some content here
  </nav>

  <div class="commenting-demo">
    ...
  </div>
</body>

```

jQuery:

```
$(document).ready(function(){
  if(window.location == "/demo/") {
    $(".navbar.navbar-fixed-top").css({"position": "absolute"});
  }
});

```

I use `window.location = "/demo/"` to redirect the user to this page when an event occurs and it worked, but I don't understand why the above condition does not work...