title: OrderBy predicate
body: <p>I've got this code:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>   var app = angular.module('app', []);
     app.controller('RadioCtrl', ['$scope', '$http',
       function($scope, $http) {
         $http.jsonp('http://www.filltext.com/?callback=JSON_CALLBACK&amp;rows=5&amp;fname={firstName}&amp;lname={lastName}&amp;id={index}').success(function(data) {
           $scope.people = data;
         })
       }
     ]);</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="app"&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;Radio button&lt;/title&gt;
    &lt;script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;section ng-controller="RadioCtrl"&gt;
      &lt;input type="text" ng-model="pepek.fname"&gt;
      &lt;br&gt;Ascended
      &lt;input type="radio" ng-model="direction" checked&gt;Descended
      &lt;input type="radio" ng-model="direction" value="reverse"&gt;
      &lt;table&gt;
        &lt;thead&gt;
          &lt;tr&gt;
            &lt;th&gt;ID&lt;/th&gt;
            &lt;th&gt;First Name&lt;/th&gt;
            &lt;th&gt;Second name&lt;/th&gt;
          &lt;/tr&gt;
        &lt;/thead&gt;
        &lt;tbody&gt;
          &lt;tr ng-repeat="person in people| filter:pepek |orderBy:person.id"&gt;
            &lt;td&gt;{{person.id}}&lt;/td&gt;
            &lt;td&gt;{{person.fname}}&lt;/td&gt;
            &lt;td&gt;{{person.lname}}&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;
  
    &lt;/section&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I'd like to click radio button Ascending or Descending and my table would be lined up by ID.
  Even when i try simple <code>orderBy:id</code> or <code>orderBy:-id</code> or <code>orderBy:person.id</code> or <code>orderBy:id:reverse</code> or <code>orderBy:id:direction</code> non of those cases didn't lined up Ascending by ID it always does Descending and i don't know why. 
  Thank you in advance :)</p>