My http-server is not picking up changes to html? - angularjs

Question

When I update my html, changes are not being picked up (using http-server). I restart the server, change the html, change the app.js and nothing is reflected unless I wait a while. Any idea why. It's a small app..... so confused
package.json
{
"name": "Music_2.0",
"version": "1.0.0",
"description": "",
"main": "app.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"http-server": "^0.8.5"
}
}
app.js
var app = angular.module('launchPage', ["ui.router","firebase"]);
app.config([
'$stateProvider',
'$urlRouterProvider',
function($stateProvider, $urlRouterProvider) {
$stateProvider
.state('home', {
url: '/home',
templateUrl: 'home.html',
controller: 'FirstCtrl'
})
.state('year', {
url: '/year/{year}',
templateUrl: 'music.html',
controller: 'FirstCtrl'
});
$urlRouterProvider.otherwise('home');
}]);
app.factory('years', [function(){
var o = {
years: ['1999']
}
return o;
}]);
app.controller('FirstCtrl', [
'$scope',
'years',
'$firebaseObject',
'$stateParams',
function($scope, years, $firebaseObject, $stateParams){
var ref = new Firebase("https://musicapp11.firebaseio.com/");
$scope.test = 'Music App';
$scope.years = years.years;
$scope.data = $firebaseObject(ref);
var syncObject = $firebaseObject(ref);
syncObject.$bindTo($scope, "data");
$scope.addYear = function (){
$scope.years.push($scope.year);
$scope.year = "";
}
}
]);
Then obviously two html templates not showing

Answer 1

I guess my browser was caching. I dont know why it would do that. It has never done that before but I checked a box and now it is working properly.