diff --git a/dist/ng-rateit.js b/dist/ng-rateit.js
index 838ca01..0d49809 100644
--- a/dist/ng-rateit.js
+++ b/dist/ng-rateit.js
@@ -87,8 +87,8 @@ module
 	});
 
 	$scope.removeRating = function () {
-		if($scope.resetable() && !$scope.readOnly()){
-			$scope.beforeReset().then(function() {
+		if ($scope.resetable() && !$scope.readOnly()) {
+			$scope.beforeReset().then(function () {
 				$scope.ngModel = $scope.min;
 				$scope.reset();
 			});
@@ -96,12 +96,12 @@ module
 	};
 
 	$scope.setValue = function () {
-		if($scope.isHovering && !$scope.readOnly()){
-			var tmpValue = angular.copy($scope.min+$scope.hoverValue);
-			$scope.beforeRated(tmpValue).then(function() {
+		if ($scope.isHovering && !$scope.readOnly()) {
+			var tmpValue = angular.copy($scope.min + $scope.hoverValue);
+			$scope.beforeRated(tmpValue).then(function () {
 				$scope.ngModel = tmpValue;
 				$scope.isHovering = false;
-				$timeout(function(){
+				$timeout(function () {
 					$scope.rated();
 				});
 			});
@@ -110,14 +110,14 @@ module
 
 	$scope.onEnter = function (event) {
 		$scope.isHovering = true;
-	    $scope.offsetLeft = 0;
-		
-		var el = event.originalTarget || event.srcElement;
-	    $scope.offsetLeft = el.getBoundingClientRect().left;
+		$scope.offsetLeft = 0;
+
+		var el = event.originalTarget || event.srcElement || event.target;
+		$scope.offsetLeft = el.getBoundingClientRect().left;
 	};
 	$scope.onHover = function (event) {
 		$scope.isHovering = true;
-		$scope.hoverValue = Math.round((event.clientX-$scope.offsetLeft)/$scope.starWidth/$scope.step) * $scope.step;
+		$scope.hoverValue = Math.round((event.clientX - $scope.offsetLeft) / $scope.starWidth / $scope.step) * $scope.step;
 		$scope.over(event, $scope.hoverValue);
 	};
 	$scope.onLeave = function () {
diff --git a/dist/ng-rateit.min.js b/dist/ng-rateit.min.js
index 4fc6522..7442d32 100644
--- a/dist/ng-rateit.min.js
+++ b/dist/ng-rateit.min.js
@@ -1 +1 @@
-var module=angular.module("ngRateIt",["ng"]);module.directive("ngRateIt",["$q",function(a){"use strict";var b=function(b,c,d){d.readOnly||(b.readOnly=function(){return!1}),d.resetable||(b.resetable=function(){return!0}),d.beforeRated||(b.beforeRated=function(){var b=a.defer();return b.resolve(),b.promise}),d.rated||(b.rated=function(){}),d.beforeReset||(b.beforeReset=function(){var b=a.defer();return b.resolve(),b.promise}),d.reset||(b.reset=function(){}),d.over||(b.over=function(){})};return{scope:{ngModel:"=",min:"=?min",max:"=?max",step:"=?step",readOnly:"&?readOnly",pristine:"=?pristine",resetable:"&?resetable",starWidth:"=?starWidth",starHeight:"=?starHeight",rated:"=?rated",reset:"=?reset",over:"=?over",beforeRated:"=?beforeRated",beforeReset:"=?beforeReset"},templateUrl:"ngRateIt/ng-rate-it.html",require:"ngModel",replace:!0,link:b,controller:"ngRateItController"}}]).controller("ngRateItController",["$scope","$timeout",function(a,b){"use strict";a.isHovering=!1,a.offsetLeft=0,a.orgValue=angular.copy(a.ngModel),a.hoverValue=0,a.min=a.min||0,a.max=a.max||5,a.step=a.step||.5,a.pristine=a.orgValue===a.ngModel,a.starWidth=a.starWidth||16,a.starHeight=a.starHeight||16,a.resetCssOffset=4;var c=a.$watch("ngModel",function(){a.pristine=a.orgValue===a.ngModel});a.removeRating=function(){a.resetable()&&!a.readOnly()&&a.beforeReset().then(function(){a.ngModel=a.min,a.reset()})},a.setValue=function(){if(a.isHovering&&!a.readOnly()){var c=angular.copy(a.min+a.hoverValue);a.beforeRated(c).then(function(){a.ngModel=c,a.isHovering=!1,b(function(){a.rated()})})}},a.onEnter=function(b){a.isHovering=!0,a.offsetLeft=0;var c=b.originalTarget||b.srcElement;a.offsetLeft=c.getBoundingClientRect().left},a.onHover=function(b){a.isHovering=!0,a.hoverValue=Math.round((b.clientX-a.offsetLeft)/a.starWidth/a.step)*a.step,a.over(b,a.hoverValue)},a.onLeave=function(){a.isHovering=!1,a.hoverValue=0},a.$on("$destroy",function(){c()})}]).run(["$templateCache",function(a){"use strict";a.put("ngRateIt/ng-rate-it.html",'<div class="ngrateit" ng-class="{\'ngrateit-readonly\': readOnly()}"><a class="ngrateit-background ngrateit-reset" ng-mouseenter="resetCssOffset=5;" ng-mouseleave="resetCssOffset=4;" ng-if="!readOnly() && resetable()" ng-click="removeRating()" ng-style="{\'width\': starWidth+\'px\', \'height\': starHeight+\'px\', \'background-position\': \'0 \'+(-resetCssOffset*starHeight)+\'px\'}"></a><div class="ngrateit-star_wrapper" ng-click="setValue()" ng-mouseenter="onEnter($event)" ng-mousemove="onHover($event)" ng-mouseleave="onLeave();" ng-style="{\'width\': ((max-min)*starWidth)+\'px\', \'height\': starHeight+\'px\'}"><div class="ngrateit-background"></div>'+"<div class=\"ngrateit-value\" ng-hide=\"!readOnly() && hoverValue>0 && hoverValue!==(ngModel-min)\" ng-style=\"{'width': (ngModel-min)*starWidth+'px', 'background-position': '0 '+(-2*starHeight)+'px'}\"></div><div class=\"ngrateit-hover\" ng-if=\"!readOnly() && hoverValue!==(ngModel-min)\" ng-style=\"{'width': hoverValue*starWidth+'px', 'background-position': '0 '+(-3*starHeight)+'px'}\" ></div></div></div>")}]);
\ No newline at end of file
+var module=angular.module("ngRateIt",["ng"]);module.directive("ngRateIt",["$q",function(a){"use strict";var b=function(b,c,d){d.readOnly||(b.readOnly=function(){return!1}),d.resetable||(b.resetable=function(){return!0}),d.beforeRated||(b.beforeRated=function(){var b=a.defer();return b.resolve(),b.promise}),d.rated||(b.rated=function(){}),d.beforeReset||(b.beforeReset=function(){var b=a.defer();return b.resolve(),b.promise}),d.reset||(b.reset=function(){}),d.over||(b.over=function(){})};return{scope:{ngModel:"=",min:"=?min",max:"=?max",step:"=?step",readOnly:"&?readOnly",pristine:"=?pristine",resetable:"&?resetable",starWidth:"=?starWidth",starHeight:"=?starHeight",rated:"=?rated",reset:"=?reset",over:"=?over",beforeRated:"=?beforeRated",beforeReset:"=?beforeReset"},templateUrl:"ngRateIt/ng-rate-it.html",require:"ngModel",replace:!0,link:b,controller:"ngRateItController"}}]).controller("ngRateItController",["$scope","$timeout",function(a,b){"use strict";a.isHovering=!1,a.offsetLeft=0,a.orgValue=angular.copy(a.ngModel),a.hoverValue=0,a.min=a.min||0,a.max=a.max||5,a.step=a.step||.5,a.pristine=a.orgValue===a.ngModel,a.starWidth=a.starWidth||16,a.starHeight=a.starHeight||16,a.resetCssOffset=4;var c=a.$watch("ngModel",function(){a.pristine=a.orgValue===a.ngModel});a.removeRating=function(){a.resetable()&&!a.readOnly()&&a.beforeReset().then(function(){a.ngModel=a.min,a.reset()})},a.setValue=function(){if(a.isHovering&&!a.readOnly()){var c=angular.copy(a.min+a.hoverValue);a.beforeRated(c).then(function(){a.ngModel=c,a.isHovering=!1,b(function(){a.rated()})})}},a.onEnter=function(b){a.isHovering=!0,a.offsetLeft=0;var c=b.originalTarget||b.srcElement||b.target;a.offsetLeft=c.getBoundingClientRect().left},a.onHover=function(b){a.isHovering=!0,a.hoverValue=Math.round((b.clientX-a.offsetLeft)/a.starWidth/a.step)*a.step,a.over(b,a.hoverValue)},a.onLeave=function(){a.isHovering=!1,a.hoverValue=0},a.$on("$destroy",function(){c()})}]).run(["$templateCache",function(a){"use strict";a.put("ngRateIt/ng-rate-it.html",'<div class="ngrateit" ng-class="{\'ngrateit-readonly\': readOnly()}"><a class="ngrateit-background ngrateit-reset" ng-mouseenter="resetCssOffset=5;" ng-mouseleave="resetCssOffset=4;" ng-if="!readOnly() && resetable()" ng-click="removeRating()" ng-style="{\'width\': starWidth+\'px\', \'height\': starHeight+\'px\', \'background-position\': \'0 \'+(-resetCssOffset*starHeight)+\'px\'}"></a><div class="ngrateit-star_wrapper" ng-click="setValue()" ng-mouseenter="onEnter($event)" ng-mousemove="onHover($event)" ng-mouseleave="onLeave();" ng-style="{\'width\': ((max-min)*starWidth)+\'px\', \'height\': starHeight+\'px\'}"><div class="ngrateit-background"></div>'+"<div class=\"ngrateit-value\" ng-hide=\"!readOnly() && hoverValue>0 && hoverValue!==(ngModel-min)\" ng-style=\"{'width': (ngModel-min)*starWidth+'px', 'background-position': '0 '+(-2*starHeight)+'px'}\"></div><div class=\"ngrateit-hover\" ng-if=\"!readOnly() && hoverValue!==(ngModel-min)\" ng-style=\"{'width': hoverValue*starWidth+'px', 'background-position': '0 '+(-3*starHeight)+'px'}\" ></div></div></div>")}]);
\ No newline at end of file
diff --git a/example/index.html b/example/index.html
index def9019..26d6cb7 100644
--- a/example/index.html
+++ b/example/index.html
@@ -2,9 +2,9 @@
 <html data-ng-app="exampleApp">
     <head class="ng-cloak">
 
-        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>
+        <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.js"></script>
         
-        <script src="../dist/ng-rateit.js" type="text/javascript"></script>
+        <script src="../src/ng-rateit.js" type="text/javascript"></script>
         <link href="https://rawgit.com/akempes/angular-rateit/master/dist/ng-rateit.css" type="text/css" rel="stylesheet">
 
         <script src="example.js" type="text/javascript"></script>
@@ -23,40 +23,40 @@
     
         <h3>Basic</h3>
         <div>
-            <ng-rate-it ng-model="model.basic"></ng-rate-it>
+            <ng-rate-it ng-model="model.basic"></ng-rate-it>
             <p>Value: {{model.basic}}</p>
-            <pre><ng-rate-it ng-model="model.basic"></ng-rate-it></pre>
+            <pre><ng-rate-it ng-model="model.basic"></ng-rate-it></pre>
         </div>
 
         <h3>Min, Max &amp; step</h3>
         <div>
-            <ng-rate-it ng-model="model.minMaxStep" min="5" max="15" step="2"></ng-rate-it>
+            <ng-rate-it ng-model="model.minMaxStep" min="5" max="15" step="2"></ng-rate-it>
             <p>Value: {{model.minMaxStep}}</p>
-            <pre><ng-rate-it ng-model="model.minMaxStep" min="5" max="15" step="2"></ng-rate-it></pre>
+            <pre><ng-rate-it ng-model="model.minMaxStep" min="5" max="15" step="2"></ng-rate-it></pre>
         </div>
 
         <h3>Read only</h3>
         <div>
-            <ng-rate-it ng-model="model.readonly" read-only="model.readonly_enables"></ng-rate-it>
+            <ng-rate-it ng-model="model.readonly" read-only="model.readonly_enables"></ng-rate-it>
             <div class="checkbox"><label><input type="checkbox" ng-model="model.readonly_enables"> Read only</label></div>
             <p>Value: {{model.readonly}}</p>
-            <pre><ng-rate-it ng-model="model.readonly" read-only="model.readonly_enables"></ng-rate-it>
+            <pre><ng-rate-it ng-model="model.readonly" read-only="model.readonly_enables"></ng-rate-it>
 <label><input type="checkbox" ng-model="model.readonly_enables"> Read only</label></pre>
         </div>
 
         <h3>Is pristine</h3>
         <div>
-            <ng-rate-it ng-model="model.pristine" pristine="model.resetable_pristine"></ng-rate-it>
+            <ng-rate-it ng-model="model.pristine" pristine="model.resetable_pristine"></ng-rate-it>
             <p>Value: {{model.pristine}}</p>
             <p>Is pristine: {{model.resetable_pristine ? 'Yes' : 'No'}}</p>
-            <pre><ng-rate-it ng-model="model.pristine" pristine="model.resetable_pristine"></ng-rate-it></pre>
+            <pre><ng-rate-it ng-model="model.pristine" pristine="model.resetable_pristine"></ng-rate-it></pre>
         </div>
 
         <h3>No reset</h3>
         <div>
-            <ng-rate-it ng-model="model.resetable" resetable="false"></ng-rate-it>
+            <ng-rate-it ng-model="model.resetable" resetable="false"></ng-rate-it>
             <p>Value: {{model.resetable}}</p>
-            <pre><ng-rate-it ng-model="model.resetable" resetable="false"></ng-rate-it></pre>
+            <pre><ng-rate-it ng-model="model.resetable" resetable="false"></ng-rate-it></pre>
         </div>
 
         <h3>Start height/width</h3>
@@ -68,7 +68,7 @@ <h3>Start height/width</h3>
                     background-image: url('bigstar.gif');
                 }
             </style>
-            <ng-rate-it ng-model="model.heightWidth" star-width="32" star-height="32" class="bigstar"></ng-rate-it>
+            <ng-rate-it ng-model="model.heightWidth" star-width="32" star-height="32" class="bigstar"></ng-rate-it>
             <p>Value: {{model.heightWidth}}</p>
 <pre>
 <style>
@@ -78,16 +78,16 @@ <h3>Start height/width</h3>
         background-image: url('bigstar.gif');
     }
 </style>
-<ng-rate-it ng-model="model.heightWidth" star-width="32" star-height="32" class="bigstar"></ng-rate-it>
+<ng-rate-it ng-model="model.heightWidth" star-width="32" star-height="32" class="bigstar"></ng-rate-it>
 </pre>
         </div>
 
         <h3>Callbacks</h3>
         <div>
-            <ng-rate-it ng-model="model.callbacks" rated="ratedCallback" reset="resetCallback" over="overCallback" before-rated="confirmRating" before-reset="confirmReset"></ng-rate-it>
+            <ng-rate-it ng-model="model.callbacks" rated="ratedCallback" reset="resetCallback" over="overCallback" before-rated="confirmRating" before-reset="confirmReset"></ng-rate-it>
             <p>Note: The 'over' callback will be visible in the console log.</p>
             <p>Value: {{model.resetable}}</p>
-            <pre><ng-rate-it ng-model="model.callbacks" rated="ratedCallback" reset="resetCallback" over="overCallback" before-rated="confirmRating" before-reset="confirmReset"></ng-rate-it></pre>
+            <pre><ng-rate-it ng-model="model.callbacks" rated="ratedCallback" reset="resetCallback" over="overCallback" before-rated="confirmRating" before-reset="confirmReset"></ng-rate-it></pre>
         </div>
 
         <h3>Custom image</h3>
@@ -99,7 +99,7 @@ <h3>Custom image</h3>
                     background-image: url('custom.png');
                 }
             </style>
-            <ng-rate-it ng-model="model.custom" class="custom"></ng-rate-it>
+            <ng-rate-it ng-model="model.custom" class="custom"></ng-rate-it>
             <p>Value: {{model.custom}}</p>
 <pre>
 <style>
@@ -109,7 +109,7 @@ <h3>Custom image</h3>
         background-image: url('custom.png');
     }
 </style>
-<ng-rate-it ng-model="model.custom" class="custom"></ng-rate-it>
+<ng-rate-it ng-model="model.custom" class="custom"></ng-rate-it>
 </pre>
 
         </div>
diff --git a/src/ng-rateit.js b/src/ng-rateit.js
index 838ca01..0d49809 100644
--- a/src/ng-rateit.js
+++ b/src/ng-rateit.js
@@ -87,8 +87,8 @@ module
 	});
 
 	$scope.removeRating = function () {
-		if($scope.resetable() && !$scope.readOnly()){
-			$scope.beforeReset().then(function() {
+		if ($scope.resetable() && !$scope.readOnly()) {
+			$scope.beforeReset().then(function () {
 				$scope.ngModel = $scope.min;
 				$scope.reset();
 			});
@@ -96,12 +96,12 @@ module
 	};
 
 	$scope.setValue = function () {
-		if($scope.isHovering && !$scope.readOnly()){
-			var tmpValue = angular.copy($scope.min+$scope.hoverValue);
-			$scope.beforeRated(tmpValue).then(function() {
+		if ($scope.isHovering && !$scope.readOnly()) {
+			var tmpValue = angular.copy($scope.min + $scope.hoverValue);
+			$scope.beforeRated(tmpValue).then(function () {
 				$scope.ngModel = tmpValue;
 				$scope.isHovering = false;
-				$timeout(function(){
+				$timeout(function () {
 					$scope.rated();
 				});
 			});
@@ -110,14 +110,14 @@ module
 
 	$scope.onEnter = function (event) {
 		$scope.isHovering = true;
-	    $scope.offsetLeft = 0;
-		
-		var el = event.originalTarget || event.srcElement;
-	    $scope.offsetLeft = el.getBoundingClientRect().left;
+		$scope.offsetLeft = 0;
+
+		var el = event.originalTarget || event.srcElement || event.target;
+		$scope.offsetLeft = el.getBoundingClientRect().left;
 	};
 	$scope.onHover = function (event) {
 		$scope.isHovering = true;
-		$scope.hoverValue = Math.round((event.clientX-$scope.offsetLeft)/$scope.starWidth/$scope.step) * $scope.step;
+		$scope.hoverValue = Math.round((event.clientX - $scope.offsetLeft) / $scope.starWidth / $scope.step) * $scope.step;
 		$scope.over(event, $scope.hoverValue);
 	};
 	$scope.onLeave = function () {