Angular: Empty Fiddle

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
<script src="http://rawgit.com/assisrafael/bower-angular-input-masks/ed0fdf90d93dbdb3a923532923fc2e53d779737a/angular-input-masks-standalone.min.js"></script>
<div ng-app="MyApp">
  <div ng-controller="MyCtrl"  style='margin:100px 100px'>
     <form ng-submit="sendForm()"  name='myForm'>
         <input type="text" name="amount" ui-number-mask="2" ng-model="debit.amount" >
         <input type='submit'>
         <br/><br/>
         <pre>Value of debit.amount = {{debit.amount}}</pre>
         <br/><br/>

         <pre>{{output}}</pre>
    </form>    
  </div>
</div>

JavaScript

var app = angular.module('myApp',["ui.utils.masks"]);

app.controller('MyCtrl',function ($scope,$http) {

  $scope.sendForm = function (){
  
    $http({
        method: 'POST',
        url: "http://httpbin.org/post",
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        transformRequest: function(obj) {
            var str = [];
            for(var p in obj)
                str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
            return str.join("&");
        },
          data: {'debit.amount':$scope.debit.amount}

      }).success(function (data, status, headers, config) {
          $scope.output=data;
      }).error(function (data, status, headers, config) {

      });  
  }
})